/* ============================================================
   BDG PROJECTES · estil editorial Badagres (blanc + llima) v2.3.2
   Àmbit: .bdgp-* — no redefineix :root ni tokens globals.
   v2.3.1: rearm !important contra el CSS rosa del tema (popover,
   mur, targetes), caixa del popover més gran, mur públic en grid.
   v2.3: popover "Comparteix a les teves xarxes", barra d'accions
   a les targetes de la graella (dins del borde, mai fora), bloc
   "Publica'l al mur" amb fotos d'obra al compte.
   v2.2: cor "Peces que m'agraden" a la fitxa, toast de confirmació
   i mur masonry al compte.
   v2: modal "Detalla la peça" (swatches, xips, quantitat),
   formulari de creació enriquit, detalls a la llista de peces.
   v2.1.4: modals amb tipografia i tàctil ampliats, fulla inferior
   a mòbil, etiquetes de textura tallades a 2 línies.
   ============================================================ */

/* ---------- BOTÓ A FITXA DE PRODUCTE ----------
   Pill llima amb !important: ha de guanyar al CSS del tema
   (que el tenyia de rosa) i llegir-se sobre el header fosc. */
.bdgp-add, button.bdgp-add, .single-product .bdgp-add{
  display: inline-flex !important; align-items: center; gap: 8px;
  min-height: 44px !important; padding: 12px 26px !important; margin: 10px 0 !important;
  font-family: var(--bdg-font-primary, 'Montserrat', sans-serif) !important;
  font-size: 12px !important; font-weight: 600 !important; letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: #111111 !important;
  background: #ECF300 !important;
  border: none !important; border-radius: 999px !important;
  box-shadow: none !important; text-shadow: none !important;
  cursor: pointer; transition: background .15s ease, color .15s ease;
}
.bdgp-add:hover, .bdgp-add:focus{
  background: #111111 !important; color: #ffffff !important;
}
.bdgp-add.is-added{
  background: #111111 !important; color: #ECF300 !important;
}

/* ---------- MODALS "TRIA UN PROJECTE" + "DETALLA LA PEÇA" ----------
   v2.1.4: tipografia i àrees tàctils ampliades (llegibilitat real a
   desktop i mòbil), ombra de profunditat, fulla inferior a mòbil. */
.bdgp-modal{
  position: fixed; inset: 0; z-index: 99999;
  display: none; align-items: center; justify-content: center;
  background: rgba(17,17,17,.45); padding: 20px;
}
.bdgp-modal.is-on{ display: flex; }
.bdgp-modal__box{
  background: #ffffff; border-top: 4px solid #ECF300;
  max-width: 480px; width: 100%; padding: 32px 30px;
  font-family: var(--bdg-font-primary, 'Montserrat', sans-serif);
  max-height: calc(100vh - 40px); max-height: calc(100dvh - 40px);
  overflow-y: auto; box-shadow: 0 18px 50px rgba(0,0,0,.28);
}
.bdgp-modal__box:focus{ outline: none; }
.bdgp-modal__title{
  font-size: 16px; font-weight: 600; letter-spacing: .16em;
  text-transform: uppercase; margin: 0 0 22px; color: #111111;
}
.bdgp-modal__list{ list-style: none; margin: 0 0 18px; padding: 0; max-height: 260px; overflow: auto; }
.bdgp-modal__list li{ border-bottom: 1px solid #e5e5e5; }
.bdgp-modal__list button{
  display: flex; justify-content: space-between; align-items: center; gap: 12px; width: 100%;
  min-height: 48px; padding: 13px 4px; background: none; border: none; cursor: pointer;
  font-family: inherit; font-size: 14px; font-weight: 500;
  letter-spacing: .08em; text-transform: uppercase; color: #111111; text-align: left;
}
.bdgp-modal__list button:hover{ background: #fafafa; }
.bdgp-modal__list .bdgp-count{ color: #888888; font-size: 12px; flex: none; }
.bdgp-modal__new{ display: flex; gap: 10px; }
.bdgp-modal__new input{
  flex: 1; min-height: 48px; padding: 10px 14px;
  border: 1px solid #111111; border-radius: 0;
  font-family: inherit; font-size: 16px;
}
/* v2: formulari de creació enriquit dins el modal */
.bdgp-modal__new--full{ flex-direction: column; gap: 12px; }
.bdgp-modal__new--full input,
.bdgp-modal__new--full select{
  width: 100%; min-height: 48px; padding: 10px 14px;
  border: 1px solid #111111; border-radius: 0;
  font-family: inherit; font-size: 16px; background: #ffffff; color: #111111;
}
.bdgp-modal__newrow{ display: flex; gap: 10px; }
.bdgp-modal__newrow select{ flex: 1; min-width: 0; }

.bdgp-btn{
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 44px; padding: 10px 22px;
  font-family: inherit; font-size: 12px; font-weight: 600;
  letter-spacing: .12em; text-transform: uppercase;
  border-radius: 999px; border: 1px solid transparent; cursor: pointer;
  transition: background .15s ease, color .15s ease;
}
.bdgp-btn--lime{ background: #ECF300; color: #111111; }
.bdgp-btn--lime:hover{ background: #111111; color: #ffffff; }
.bdgp-btn--ghost{ background: #ffffff; color: #111111; border-color: #111111; }
.bdgp-btn--ghost:hover{ background: #111111; color: #ffffff; }
.bdgp-btn--danger{ background: #ffffff; color: #b30000; border-color: #b30000; }
.bdgp-btn--danger:hover{ background: #b30000; color: #ffffff; }

/* ---------- v2: MODAL "DETALLA LA PEÇA" ---------- */
.bdgp-modal__box--wide{ max-width: 720px; }
.bdgp-detail__prod{
  display: flex; align-items: center; gap: 16px;
  padding-bottom: 18px; margin-bottom: 20px;
  border-bottom: 1px solid #111111;
}
.bdgp-detail__prod img{ width: 72px; height: 72px; object-fit: cover; flex: none; background: #f4f4f4; }
.bdgp-detail__prod span{ display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.bdgp-detail__prod strong{
  font-size: 15px; font-weight: 600; letter-spacing: .08em;
  text-transform: uppercase; color: #111111; line-height: 1.4;
}
.bdgp-detail__prod em{
  font-style: normal; font-size: 12px; letter-spacing: .06em;
  text-transform: uppercase; color: #999999; line-height: 1.45;
}
.bdgp-detail__prod .bdgp-detail__dest{ color: #555555; font-weight: 600; }
.bdgp-detail__sec{ margin-bottom: 20px; }
.bdgp-detail__label{
  font-size: 12px; font-weight: 600; letter-spacing: .18em;
  text-transform: uppercase; color: #111111; margin: 0 0 12px;
}

/* Swatches de textura (mostres visuals del camp "textures")
   v2.1.4: targetes més grans + etiqueta tallada a 2 línies
   (mai més textos que es pisen entre targetes). */
.bdgp-swatches{
  display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
  gap: 10px; max-height: 300px; overflow-y: auto; padding: 2px;
}
.bdgp-swatch{
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  padding: 12px 8px; background: #ffffff; border: 1.5px solid #e0e0e0;
  border-radius: 8px; cursor: pointer; font-family: inherit;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.bdgp-swatch img{ width: 68px; height: 68px; object-fit: cover; border-radius: 6px; }
.bdgp-swatch span{
  font-size: 11px; font-weight: 600; letter-spacing: .05em;
  text-transform: uppercase; color: #555555; text-align: center;
  line-height: 1.35; max-width: 100%;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
}
.bdgp-swatch:hover{ border-color: #111111; }
.bdgp-swatch.is-sel{ border-color: #111111; box-shadow: 0 0 0 3px #ECF300; }
.bdgp-swatch.is-sel span{ color: #111111; }
.bdgp-swatch--unsure{ justify-content: center; min-height: 104px; border-style: dashed; }
.bdgp-swatch:focus-visible{ outline: 2px solid #111111; outline-offset: 2px; }

/* Xips de color/acabat (fallback textual sense mostres) */
.bdgp-chips{ display: flex; flex-wrap: wrap; gap: 10px; }
.bdgp-chip{
  min-height: 44px; padding: 10px 20px;
  background: #ffffff; border: 1px solid #111111; border-radius: 999px;
  font-family: inherit; font-size: 12px; font-weight: 600;
  letter-spacing: .1em; text-transform: uppercase; color: #111111;
  cursor: pointer; transition: background .15s ease, color .15s ease;
}
.bdgp-chip:hover{ background: #f4f4f4; }
.bdgp-chip.is-sel{ background: #ECF300; border-color: #ECF300; }
.bdgp-chip--unsure{ border-style: dashed; color: #888888; border-color: #bbbbbb; }
.bdgp-chip:focus-visible{ outline: 2px solid #111111; outline-offset: 2px; }

/* Files del formulari de detall */
.bdgp-detail__grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.bdgp-detail__row{ margin-bottom: 16px; }
.bdgp-detail__grid .bdgp-detail__row{ margin-bottom: 0; }
.bdgp-detail__row label{
  display: block; font-size: 12px; font-weight: 600;
  letter-spacing: .18em; text-transform: uppercase;
  color: #111111; margin-bottom: 10px;
}
/* 16px mínim als camps: evita el zoom automàtic d'iOS en enfocar */
.bdgp-detail__row input, .bdgp-detail__row select{
  width: 100%; min-height: 52px; padding: 10px 14px;
  border: 1px solid #111111; border-radius: 0;
  font-family: inherit; font-size: 16px; background: #ffffff; color: #111111;
}
.bdgp-detail__row input:focus, .bdgp-detail__row select:focus{
  outline: 2px solid #ECF300; border-color: #111111;
}
.bdgp-detail__qty{ display: flex; gap: 0; }
.bdgp-detail__qty input{ flex: 1; min-width: 0; border-right: none; }
.bdgp-detail__qty select{
  flex: 0 0 auto; width: auto; min-width: 112px;
  background: #ECF300; border-color: #ECF300; font-weight: 600;
}
.bdgp-detail__calc{
  margin: 10px 0 0; font-size: 12px; font-weight: 600;
  letter-spacing: .08em; text-transform: uppercase; color: #555555;
}
.bdgp-detail__actions{ display: flex; gap: 10px; flex-wrap: wrap; margin-top: 22px; }
.bdgp-detail__actions .bdgp-btn{ min-height: 52px; padding: 12px 26px; }
.bdgp-detail__actions .bdgp-btn--lime{ flex: 1; font-size: 13px; }

/* Mòbil: el modal passa a FULLA INFERIOR a ample complet —
   polsars grans, camps de 16px (sense zoom iOS), safe-area respectada */
@media (max-width: 600px){
  .bdgp-modal{ align-items: flex-end; padding: 0; }
  .bdgp-modal__box, .bdgp-modal__box--wide{
    max-width: 100%; border-radius: 16px 16px 0 0;
    max-height: 92vh; max-height: 92dvh;
    padding: 26px 20px calc(26px + env(safe-area-inset-bottom, 0px));
  }
  .bdgp-modal__newrow{ flex-direction: column; }
  .bdgp-detail__grid{ grid-template-columns: 1fr; }
  .bdgp-swatches{ grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); }
  .bdgp-swatch img{ width: 60px; height: 60px; }
  .bdgp-detail__actions{ flex-direction: column; }
  .bdgp-detail__actions .bdgp-btn{ width: 100%; }
}

/* ---------- APP "ELS MEUS PROJECTES" (àrea de client) ---------- */
.bdgp-app{
  font-family: var(--bdg-font-primary, 'Montserrat', sans-serif);
}
.bdgp-loading{ font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: #888888; }
.bdgp-head{ display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 20px; }
.bdgp-head h2{
  font-size: 16px; font-weight: 300; letter-spacing: .18em;
  text-transform: uppercase; color: #111111; margin: 0;
}
.bdgp-head h2 span{ font-weight: 600; }
.bdgp-grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.bdgp-card{
  display: flex; flex-direction: column; gap: 16px;
  padding: 18px; border: 1px solid #111111; background: #ffffff;
}
.bdgp-card__name{
  font-size: 14px; font-weight: 500; letter-spacing: .1em;
  text-transform: uppercase; color: #111111; margin: 0;
}
.bdgp-card__meta{ font-size: 10px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: #888888; }
.bdgp-card__actions{ display: flex; gap: 8px; flex-wrap: wrap; margin-top: auto; }
.bdgp-empty{
  border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
  padding: 28px 0; text-align: center;
  font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: #888888;
}

/* v2: formulari de creació enriquit (àrea de client) */
.bdgp-create{
  border: 1px solid #111111; border-top: 4px solid #ECF300;
  padding: 18px; margin: -8px 0 20px;
  display: flex; flex-direction: column; gap: 10px;
}
.bdgp-create[hidden]{ display: none; }
.bdgp-create__row{ display: flex; gap: 10px; }
.bdgp-create__row input, .bdgp-create__row select{
  flex: 1; min-width: 0; min-height: 40px; padding: 8px 12px;
  border: 1px solid #111111; border-radius: 0;
  font-family: inherit; font-size: 12px; background: #ffffff; color: #111111;
}
.bdgp-create__row .bdgp-btn{ align-self: flex-start; }
@media (max-width: 600px){
  .bdgp-create__row{ flex-direction: column; }
}

/* ---------- PROJECTES ACABATS ---------- */
.bdgp-finished-title{
  margin: 26px 0 12px; padding-top: 20px;
  border-top: 1px solid #e5e5e5;
  font-size: 10px; font-weight: 600; letter-spacing: .24em;
  text-transform: uppercase; color: #888888;
}
.bdgp-card--finished{ border-color: #cccccc; opacity: .75; }
.bdgp-card--finished .bdgp-card__name{ color: #888888; }

/* ---------- DETALL DE PROJECTE ---------- */
.bdgp-back{
  background: none; border: none; cursor: pointer; padding: 0 0 14px;
  font-family: inherit; font-size: 10px; font-weight: 600;
  letter-spacing: .16em; text-transform: uppercase; color: #888888;
}
.bdgp-back:hover{ color: #111111; }
.bdgp-items{ list-style: none; margin: 0 0 22px; padding: 0; border-top: 1px solid #111111; }
.bdgp-item{
  display: flex; align-items: center; gap: 14px;
  padding: 14px 4px; border-bottom: 1px solid #e5e5e5;
}
.bdgp-item img{ width: 48px; height: 48px; object-fit: cover; flex: none; background: #f4f4f4; }
.bdgp-item a{
  font-size: 12px; font-weight: 500; letter-spacing: .08em;
  text-transform: uppercase; color: #111111; text-decoration: none;
}
.bdgp-item a:hover{ text-decoration: underline; text-decoration-color: #ECF300; text-underline-offset: 4px; }
.bdgp-item__remove{
  margin-left: auto; background: none; border: none; cursor: pointer;
  font-size: 18px; color: #bbbbbb; line-height: 1;
}
.bdgp-item__remove:hover{ color: #111111; }

/* v2.1.1: xip de format triat a la peça */
.bdgp-item__format{
  display: inline-block; width: fit-content;
  font-size: 9px; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; color: #111111;
  background: #ffffff; border: 1px solid #111111; border-radius: 999px;
  padding: 2px 10px;
}

/* v2: detalls de la peça (zona, textura, nota) */
.bdgp-item__zona{
  display: inline-block; width: fit-content;
  font-size: 9px; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; color: #111111;
  background: #ECF300; border-radius: 999px; padding: 2px 10px;
}
.bdgp-item__tex{ display: flex; align-items: center; gap: 6px; font-size: 11px; color: #555555; }
.bdgp-item__tex img{ width: 22px; height: 22px; border-radius: 50%; border: 1px solid #dddddd; flex: none; }
.bdgp-item__nota{
  font-size: 11px; color: #777777; font-style: italic;
}
.bdgp-item__details{ flex: none; }

/* m² per peça + càlcul de caixes */
.bdgp-item__m2wrap{ display: inline-flex; align-items: center; gap: 8px; margin-left: auto; }
.bdgp-item__m2{
  width: 72px; min-height: 32px; padding: 4px 8px;
  border: 1px solid #111111; border-radius: 0;
  font-family: inherit; font-size: 12px; text-align: right; background: #ffffff;
}
.bdgp-item__calc{ font-size: 10px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #555555; }
.bdgp-item .bdgp-item__remove{ margin-left: 8px; }
.bdgp-item__m2wrap + .bdgp-item__details{ margin-left: 8px; }
@media (max-width: 768px){
  .bdgp-item{ flex-wrap: wrap; }
  .bdgp-item__m2wrap{ margin-left: 0; width: 100%; }
}

/* Formulari d'enviament */
.bdgp-send{
  border: 1px solid #111111; border-top: 4px solid #ECF300;
  padding: 22px 20px;
}
.bdgp-send__title{
  font-size: 12px; font-weight: 600; letter-spacing: .18em;
  text-transform: uppercase; color: #111111; margin: 0 0 16px;
}
.bdgp-send__row{ display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 16px; }
.bdgp-send__row select, .bdgp-send__row input{
  min-height: 40px; padding: 8px 12px; border: 1px solid #111111;
  border-radius: 0; font-family: inherit; font-size: 12px; background: #ffffff;
}
.bdgp-send__row select{ flex: 1; min-width: 160px; }
.bdgp-send__row input{ width: 130px; }
.bdgp-send .bdgp-btn--lime{ width: 100%; min-height: 44px; font-size: 11px; }

@media (max-width: 768px){
  .bdgp-grid{ grid-template-columns: 1fr; }
  .bdgp-send__row input{ width: 100%; }
}
@media (prefers-reduced-motion: reduce){
  .bdgp-add, .bdgp-btn, .bdgp-swatch, .bdgp-chip{ transition: none; }
}

/* ── Fase 2: eines del projecte (duplicar / compartir / PDF) ── */
.bdgp-btn--sm{ min-height: 34px; padding: 7px 14px; font-size: 10px; }
.bdgp-tools{ display: flex; gap: 8px; flex-wrap: wrap; }
.bdgp-share{
  align-items: center; gap: 10px; flex-wrap: wrap;
  background: #fbfbe6; border: 1px solid #e3e69a; border-radius: 8px;
  padding: 12px 14px; margin: -8px 0 20px;
}
.bdgp-share p{ flex-basis: 100%; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: #555; }
.bdgp-share input{
  flex: 1 1 220px; min-height: 36px; padding: 6px 12px;
  font-size: 12px; color: #111;
  border: 1px solid #ddd; border-radius: 6px; background: #fff;
}

/* ── Impressió de la memòria (des del compte del client) ── */
@media print{
  body *{ visibility: hidden; }
  .bdgp-app, .bdgp-app *{ visibility: visible; }
  .bdgp-app{ position: absolute; left: 0; top: 0; width: 100%; }
  .bdgp-back, .bdgp-tools, .bdgp-share, .bdgp-send,
  .bdgp-item__remove, .bdgp-item__m2wrap, .bdgp-item__details{ display: none !important; }
  .bdgp-item{ border-bottom: 1px solid #ccc !important; break-inside: avoid; }
}

/* ── Fase 3: Eines d'obra (calculadores professionals) ── */
.bdgp-eines__intro{ font-size: 13px; color: #666; margin: -8px 0 22px; max-width: 60ch; }
.bdgp-eines{ display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.bdgp-eina{
  background: #ffffff; border: 1px solid #e8e8e8; border-radius: 10px;
  padding: 18px; display: flex; flex-direction: column; gap: 10px;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.bdgp-eina:hover{ border-color: #ECF300; box-shadow: 0 6px 16px rgba(0,0,0,.06); }
.bdgp-eina h3{ font-size: 11px; font-weight: 800; letter-spacing: 1.6px; text-transform: uppercase; }
.bdgp-eina__desc{ font-size: 12px; color: #777; margin-top: -6px; }
.bdgp-eina__row{ display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.bdgp-eina__row label{ font-size: 10px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #888; flex-shrink: 0; }
.bdgp-eina__row input, .bdgp-eina__row select{
  width: 120px; min-height: 34px; padding: 5px 10px;
  font-family: inherit; font-size: 13px; color: #111;
  border: 1px solid #ddd; border-radius: 6px; background: #fff;
}
.bdgp-eina__row input:focus, .bdgp-eina__row select:focus{ outline: 2px solid #ECF300; border-color: #ECF300; }
.bdgp-eina__pair{ display: flex; align-items: center; gap: 6px; }
.bdgp-eina__pair input{ width: 56px; }
.bdgp-eina__pair span{ font-size: 12px; color: #999; }
.bdgp-eina .bdgp-btn{ align-self: flex-start; }
.bdgp-eina__out{ min-height: 18px; font-size: 12px; color: #444; }
.bdgp-eina__out strong{ color: #111; }
.bdgp-eines__cta{
  margin-top: 24px; background: #111111; border-radius: 12px;
  padding: 24px; text-align: center;
}
.bdgp-eines__cta p{ color: #fff; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 14px; }
@media (max-width: 600px){
  .bdgp-eina__row input, .bdgp-eina__row select{ width: 100px; }
}

/* ── Specs ràpides de la peça (efecte · mida · gruix…) ── */
.bdgp-item__info{ display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.bdgp-item__specs{ font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: #999; }

/* ── Escut: mai fora de la fitxa de producte ── */
body:not(.single-product) .bdgp-add{ display: none !important; }
body:not(.single-product) .bdgp-calc{ display: none !important; }
body:not(.single-product) .bdgp-fav{ display: none !important; }

/* ============================================================
   v2.2 · COR "PECES QUE M'AGRADEN" + TOAST + MUR MASONRY
   ============================================================ */

/* Botó cor a la fitxa (company de l'"Afegeix a un projecte"):
   ghost blanc amb contorn negre; actiu = llima amb cor ple. */
.bdgp-fav, button.bdgp-fav, .single-product .bdgp-fav{
  display: inline-flex !important; align-items: center; gap: 8px;
  min-height: 44px !important; padding: 12px 22px !important; margin: 10px 0 10px 10px !important;
  font-family: var(--bdg-font-primary, 'Montserrat', sans-serif) !important;
  font-size: 12px !important; font-weight: 600 !important; letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: #111111 !important; background: #ffffff !important;
  border: 1px solid #111111 !important; border-radius: 999px !important;
  box-shadow: none !important; text-shadow: none !important;
  cursor: pointer; transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.bdgp-fav svg{ flex: none; }
.bdgp-fav:hover, .bdgp-fav:focus{
  background: #111111 !important; color: #ffffff !important;
}
.bdgp-fav.is-on{
  background: #ECF300 !important; border-color: #ECF300 !important; color: #111111 !important;
}
.bdgp-fav.is-on svg path{ fill: #111111; stroke: #111111; }
.bdgp-fav:focus-visible{ outline: 2px solid #111111; outline-offset: 2px; }
.bdgp-fav[disabled]{ opacity: .6; cursor: wait; }

/* Toast de confirmació ("Afegida a les peces que t'agraden") */
.bdgp-toast{
  position: fixed; left: 50%; bottom: calc(20px + env(safe-area-inset-bottom, 0px));
  transform: translate(-50%, 16px); z-index: 99998;
  display: flex; align-items: center; gap: 14px;
  background: #111111; color: #ffffff;
  padding: 14px 20px; max-width: min(92vw, 480px);
  box-shadow: 0 14px 40px rgba(0,0,0,.30);
  opacity: 0; transition: opacity .25s ease, transform .25s ease;
  font-family: var(--bdg-font-primary, 'Montserrat', sans-serif);
}
.bdgp-toast.is-on{ opacity: 1; transform: translate(-50%, 0); }
.bdgp-toast__bar{ flex: 0 0 auto; width: 26px; height: 8px; background: #ECF300; }
.bdgp-toast p{
  margin: 0; font-size: 12px; font-weight: 600;
  letter-spacing: .1em; text-transform: uppercase; line-height: 1.5;
}
.bdgp-toast a{
  flex: none; color: #ECF300; font-size: 11px; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase; white-space: nowrap;
  text-decoration: underline; text-underline-offset: 3px;
}
.bdgp-toast a:hover{ color: #ffffff; }

/* Mur masonry al compte (columnes CSS: masonry real sense llibreries) */
.bdgp-wall__intro{ font-size: 13px; color: #666666; margin: -6px 0 20px; max-width: 60ch; }
.bdgp-wall__explore{ text-align: center; margin-top: 18px; }
.bdgp-wall{ columns: 240px; column-gap: 14px; }
.bdgp-wall__card{
  display: inline-block; width: 100%;
  break-inside: avoid; margin: 0 0 14px;
  background: #ffffff; border: 1px solid #e8e8e8;
  transition: opacity .25s ease, transform .25s ease, border-color .2s ease;
}
.bdgp-wall__card:hover{ border-color: #111111; }
.bdgp-wall__card.is-out{ opacity: 0; transform: scale(.96); }
.bdgp-wall__imgwrap{ display: block; }
.bdgp-wall__imgwrap img{ display: block; width: 100%; height: auto; }
.bdgp-wall__body{ padding: 14px 16px 16px; }
.bdgp-wall__marca{
  font-size: 9px; font-weight: 700; letter-spacing: .22em;
  text-transform: uppercase; color: #999999; margin: 0 0 6px;
}
.bdgp-wall__name{
  font-size: 13px; font-weight: 600; letter-spacing: .08em;
  text-transform: uppercase; line-height: 1.45; margin: 0 0 6px;
}
.bdgp-wall__name a{ color: #111111; text-decoration: none; }
.bdgp-wall__name a:hover{ text-decoration: underline; text-decoration-color: #ECF300; text-underline-offset: 4px; }
.bdgp-wall__specs{
  font-size: 10px; letter-spacing: .08em; text-transform: uppercase;
  color: #999999; margin: 0 0 14px;
}
.bdgp-wall__actions{ display: flex; align-items: center; gap: 10px; }
.bdgp-wall__unfav{
  margin-left: auto; width: 38px; height: 38px; flex: none;
  display: flex; align-items: center; justify-content: center;
  background: none; border: 1px solid #e0e0e0; border-radius: 50%;
  cursor: pointer; color: #111111;
  transition: border-color .15s ease, background .15s ease;
}
.bdgp-wall__unfav svg path{ fill: #111111; }
.bdgp-wall__unfav:hover{ border-color: #111111; background: #fbfbe6; }
.bdgp-wall__unfav:focus-visible{ outline: 2px solid #111111; outline-offset: 2px; }

@media (prefers-reduced-motion: reduce){
  .bdgp-fav, .bdgp-toast, .bdgp-wall__card, .bdgp-wall__unfav{ transition: none; }
}

/* ============================================================
   v2.1 · CALCULADORA m² → CAIXES A LA FITXA (.bdgp-calc)
   Estil editorial (traslladat del widget .bdgc): fons blanc,
   accent llima #ECF300, tracking ampli, tactil ≥44px.
   S'injecta després del botó "Afegeix a un projecte".
   ============================================================ */
.bdgp-calc{
  font-family: var(--bdg-font-primary, 'Montserrat', sans-serif);
  background: #ffffff; color: #111111;
  border-top: 1px solid #111111;
  margin: 28px 0 8px; padding: 36px 0 8px;
  max-width: 560px;
  -webkit-font-smoothing: antialiased;
}
.bdgp-calc *, .bdgp-calc *::before, .bdgp-calc *::after{ box-sizing: border-box; }
.bdgp-calc__kicker{
  display: flex; align-items: center; gap: 12px;
  font-size: 11px; font-weight: 600;
  letter-spacing: .32em; text-transform: uppercase;
  color: #111111; margin: 0 0 16px;
}
.bdgp-calc__kicker::before{
  content: ""; width: 34px; height: 8px;
  background: #ECF300; flex: 0 0 auto;
}
.bdgp-calc__title{
  font-size: clamp(20px, 3vw, 28px); font-weight: 300;
  letter-spacing: .22em; text-transform: uppercase;
  line-height: 1.35; color: #111111; margin: 0 0 12px;
}
.bdgp-calc__sub{
  font-size: 14px; line-height: 1.65; color: #555555;
  margin: 0 0 26px;
}
.bdgp-calc__label{
  display: block; font-size: 11px; font-weight: 600;
  letter-spacing: .28em; text-transform: uppercase;
  color: #111111; margin: 0 0 10px;
}
.bdgp-calc__field{ display: flex; align-items: stretch; margin-bottom: 18px; }
.bdgp-calc__input{
  flex: 1 1 auto; min-width: 0;
  font-family: inherit; font-size: 17px;
  color: #111111; background: #ffffff;
  border: 1px solid #c9c9c9; border-right: none; border-radius: 0;
  padding: 14px 16px; min-height: 54px;
  outline: none; appearance: none; -webkit-appearance: none;
}
.bdgp-calc__input::placeholder{ color: #9a9a9a; }
.bdgp-calc__input:focus{ border-color: #111111; }
.bdgp-calc__unit{
  flex: 0 0 auto; display: flex; align-items: center; justify-content: center;
  min-width: 62px; padding: 0 16px;
  background: #ECF300; color: #111111;
  font-size: 15px; font-weight: 600; letter-spacing: .08em;
  border: 1px solid #ECF300;
}

/* Checkbox merma (custom, accessible) */
.bdgp-calc__check{
  display: flex; align-items: flex-start; gap: 12px;
  cursor: pointer; margin-bottom: 22px; min-height: 44px;
}
.bdgp-calc__check input{ position: absolute; opacity: 0; width: 1px; height: 1px; }
.bdgp-calc__box{
  flex: 0 0 auto; width: 22px; height: 22px; margin-top: 1px;
  border: 1.5px solid #111111; background: #ffffff;
  display: flex; align-items: center; justify-content: center;
}
.bdgp-calc__box svg{ display: none; }
.bdgp-calc__check input:checked + .bdgp-calc__box{ background: #ECF300; }
.bdgp-calc__check input:checked + .bdgp-calc__box svg{ display: block; }
.bdgp-calc__check input:focus-visible + .bdgp-calc__box{ outline: 2px solid #111111; outline-offset: 3px; }
.bdgp-calc__checktext{ font-size: 13px; line-height: 1.55; color: #111111; }
.bdgp-calc__checktext em{ font-style: normal; color: #555555; }

/* Selector de format (sèries multiformat) */
.bdgp-calc__format{
  width: 100%; min-height: 54px; margin-bottom: 18px;
  padding: 12px 14px; font-family: inherit; font-size: 14px;
  color: #111111; background-color: #ffffff;
  border: 1px solid #c9c9c9; border-radius: 0;
  outline: none; appearance: none; -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23111111' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 14px center;
}
.bdgp-calc__format:focus{ border-color: #111111; }

.bdgp-calc__go{
  min-height: 52px; padding: 15px 30px;
  font-size: 12px; letter-spacing: .2em; border-radius: 0;
}

/* Resultat del càlcul (aria-live) */
.bdgp-calc__result{
  display: none; margin-top: 26px;
  background: #ECF300; color: #111111;
  padding: 24px 24px 26px;
}
.bdgp-calc__result.is-on{ display: block; }
.bdgp-calc__rlabel{
  font-size: 11px; font-weight: 600;
  letter-spacing: .3em; text-transform: uppercase; margin: 0 0 10px;
}
.bdgp-calc__rmain{
  font-size: clamp(18px, 2.4vw, 22px); font-weight: 600;
  letter-spacing: .04em; line-height: 1.4; margin: 0 0 6px;
}
.bdgp-calc__rsub{ font-size: 13px; line-height: 1.55; margin: 0 0 20px; }
.bdgp-calc__result .bdgp-calc__add{
  width: 100%; min-height: 52px;
  background: #111111; color: #ffffff; border-radius: 0;
  font-size: 12px; letter-spacing: .18em;
}
.bdgp-calc__result .bdgp-calc__add:hover{ background: #000000; color: #ECF300; }
.bdgp-calc__wa{
  display: block; margin-top: 14px; text-align: center;
  font-size: 11px; font-weight: 600; letter-spacing: .14em;
  text-transform: uppercase; color: #111111;
  text-decoration: underline; text-underline-offset: 4px;
  min-height: 44px; line-height: 44px;
}
.bdgp-calc__wa:hover{ color: #000000; }
.bdgp-calc__hint{
  margin: 12px 0 0; font-size: 11px; line-height: 1.5;
  color: #333333; text-align: center;
}

/* Avís al modal quan la peça arriba de la calculadora */
.bdgp-detail__prefill{
  background: #fbfbe6; border-left: 8px solid #ECF300;
  padding: 10px 14px; margin: 0 0 18px;
  font-size: 12px; line-height: 1.5; color: #111111;
}

@media (max-width: 640px){
  .bdgp-calc{ padding-top: 30px; }
  .bdgp-calc__title{ letter-spacing: .16em; }
  .bdgp-calc__go{ width: 100%; }
}
@media (prefers-reduced-motion: reduce){
  .bdgp-calc .bdgp-btn, .bdgp-calc__wa{ transition: none; }
}

/* ============================================================
   v2.3.0 · COMPARTIR SOCIAL + MUR DE CLIENTS + ACCIONS A TARGETA
   ============================================================ */

/* ---------- BOTÓ "COMPARTEIX" A LA FITXA (al costat del cor) ---------- */
.bdgp-sharebtn, button.bdgp-sharebtn{
  display: inline-flex !important; align-items: center; gap: 7px;
  min-height: 44px !important; padding: 12px 22px !important; margin: 10px 0 10px 10px !important;
  font-family: var(--bdg-font-primary, 'Montserrat', sans-serif) !important;
  font-size: 12px !important; font-weight: 600 !important; letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: #ffffff !important; background: transparent !important;
  border: 1px solid #ffffff !important; border-radius: 999px !important;
  box-shadow: none !important; text-shadow: none !important;
  cursor: pointer; transition: background .15s ease, color .15s ease;
}
.bdgp-sharebtn:hover, .bdgp-sharebtn:focus{
  background: #ffffff !important; color: #111111 !important;
}
.bdgp-sharebtn svg{ width: 15px; height: 15px; flex: 0 0 auto; }
body:not(.single-product) .bdgp-sharebtn{ display: none !important; }

/* ---------- POPOVER "COMPARTEIX A LES TEVES XARXES" ---------- */
.bdgp-sharepop__box{ max-width: 440px; }
.bdgp-sharepop__what{
  margin: -6px 0 14px; font-size: 13px; color: #333;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.bdgp-sharepop__row{
  display: flex; align-items: center; gap: 12px;
  width: 100%; padding: 12px 14px; margin: 0 0 8px;
  background: #ffffff; border: 1px solid #e2e2e2; border-radius: 8px;
  font-family: inherit; font-size: 14px; font-weight: 600; color: #111111;
  text-decoration: none; text-align: left; cursor: pointer;
  transition: border-color .15s ease, background .15s ease;
}
.bdgp-sharepop__row:hover, .bdgp-sharepop__row:focus{
  border-color: #111111; background: #fbfbe6; color: #111111;
}
.bdgp-sharepop__row svg{ width: 20px; height: 20px; flex: 0 0 auto; }
.bdgp-sharepop__row span{ flex: 0 0 auto; }
.bdgp-sharepop__row em{
  display: block; margin-left: auto; font-style: normal; font-weight: 400;
  font-size: 10.5px; color: #777; text-align: right; line-height: 1.35;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 55%;
}
.bdgp-sharepop__native{ width: 100%; justify-content: center; margin-top: 4px; }
.bdgp-sharepop__note{
  min-height: 18px; margin: 10px 0 0; font-size: 11.5px; line-height: 1.5; color: #555;
}

/* ---------- BARRA D'ACCIONS A LES TARGETES DE LA GRAELLA ----------
   La barra va DINS el contenidor de la targeta: mai penja fora del
   borde (causa del disseny descuadrat a l'arxiu). */
.bdgp-loop-actions{
  display: flex; align-items: stretch; gap: 8px;
  margin-top: auto; padding: 10px 12px 12px;
  position: relative; z-index: 2;
}
.bdgp-loop-add{
  flex: 1 1 auto; display: inline-flex; align-items: center; justify-content: center;
  min-height: 42px; padding: 10px 12px;
  font-family: var(--bdg-font-primary, 'Montserrat', sans-serif);
  font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase;
  color: #111111; background: #ECF300; border: none; border-radius: 999px;
  cursor: pointer; transition: background .15s ease, color .15s ease;
}
.bdgp-loop-add:hover, .bdgp-loop-add:focus{ background: #111111; color: #ffffff; }
.bdgp-loop-add.is-added{ background: #111111; color: #ECF300; }
.bdgp-loop-fav, .bdgp-loop-share{
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  position: relative;
  width: 42px; min-height: 42px; padding: 0;
  background: #ffffff; border: 1px solid #111111; border-radius: 999px;
  color: #111111; cursor: pointer; transition: background .15s ease, color .15s ease;
}
.bdgp-loop-fav span{
  position: absolute; width: 1px; height: 1px; margin: -1px;
  padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.bdgp-loop-fav:hover, .bdgp-loop-share:hover,
.bdgp-loop-fav:focus, .bdgp-loop-share:focus{ background: #111111; color: #ECF300; }
.bdgp-loop-fav.is-on{ background: #111111; color: #ECF300; border-color: #111111; }
.bdgp-loop-fav svg, .bdgp-loop-share svg{ width: 16px; height: 16px; }

/* Override crític: la regla global "body:not(.single-product) .bdgp-fav"
   (que amaga el cor de la fitxa fora de fitxa) NO ha d'amagar el cor
   de les targetes de la graella. */
body:not(.single-product) .bdgp-fav.bdgp-loop-fav{ display: inline-flex !important; }

/* ---------- BLOC "PUBLICA'L AL MUR" DINS EL PROJECTE (compte) ---------- */
.bdgp-mur{
  margin-top: 34px; padding: 22px 20px 20px;
  background: #fafafa; border: 1px solid #e6e6e6; border-top: 4px solid #ECF300;
}
.bdgp-mur__head{ display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.bdgp-mur__title{
  margin: 0; font-size: 13px; font-weight: 700;
  letter-spacing: .16em; text-transform: uppercase; color: #111111;
}
.bdgp-mur__status{
  font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  color: #1a7a1a; background: #eefbea; border: 1px solid #bfe3bd;
  padding: 3px 10px; border-radius: 999px;
}
.bdgp-mur__intro{ margin: 10px 0 16px; font-size: 12.5px; line-height: 1.6; color: #444; }
.bdgp-mur__lbl, .bdgp-mur__photoslbl{
  display: block; margin: 0 0 6px;
  font-size: 10.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #111111;
}
.bdgp-mur__photoslbl{ margin-top: 16px; }
.bdgp-mur__photoslbl small{
  display: block; margin-top: 3px; font-weight: 400; letter-spacing: 0;
  text-transform: none; font-size: 11px; color: #666;
}
.bdgp-mur textarea{
  width: 100%; padding: 10px 12px; margin: 0 0 10px;
  font-family: inherit; font-size: 13px; line-height: 1.5; color: #111111;
  background: #ffffff; border: 1px solid #d5d5d5; border-radius: 4px;
  resize: vertical;
}
.bdgp-mur textarea:focus{ border-color: #111111; outline: none; }
.bdgp-mur__check{
  display: flex; align-items: center; gap: 8px;
  font-size: 12.5px; color: #333; cursor: pointer; min-height: 30px;
}
.bdgp-mur__check input{ width: 16px; height: 16px; accent-color: #111111; }
.bdgp-mur__grid{
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 8px 0 12px;
}
.bdgp-mur__ph{
  position: relative; margin: 0; border: 1px solid #ddd; background: #fff;
  aspect-ratio: 1 / 1; overflow: hidden;
}
.bdgp-mur__ph img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.bdgp-mur__ph.is-cover{ border: 2px solid #ECF300; }
.bdgp-mur__covertag{
  position: absolute; top: 6px; left: 6px;
  background: #ECF300; color: #111111;
  font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  padding: 2px 8px; border-radius: 999px;
}
.bdgp-mur__ph figcaption{
  position: absolute; inset: auto 0 0 0; display: flex; gap: 6px; padding: 6px;
  background: linear-gradient(transparent, rgba(0,0,0,.55));
}
.bdgp-mur__ph figcaption button{
  flex: 1 1 auto; min-height: 30px; padding: 4px 8px;
  font-size: 10px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase;
  color: #111111; background: #ffffff; border: none; border-radius: 999px; cursor: pointer;
}
.bdgp-mur__ph figcaption button:hover{ background: #ECF300; }
.bdgp-mur__ph figcaption button[data-act="del"]{
  flex: 0 0 auto; width: 30px; font-size: 14px; color: #ffffff; background: rgba(0,0,0,.55);
}
.bdgp-mur__ph figcaption button[data-act="del"]:hover{ background: #b30000; }
.bdgp-mur__up{ display: flex; align-items: center; gap: 12px; margin: 0 0 16px; }
.bdgp-mur__upload{ cursor: pointer; margin: 0 !important; }
.bdgp-mur__up span{ font-size: 11.5px; color: #666; }
.bdgp-mur__foot{ display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.bdgp-mur__link{
  font-size: 11.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase;
  color: #111111; text-decoration: underline; text-underline-offset: 4px;
}
.bdgp-mur__link:hover{ color: #000000; }

@media (max-width: 640px){
  .bdgp-mur{ padding: 18px 14px 16px; }
  .bdgp-mur__grid{ grid-template-columns: repeat(2, 1fr); }
  .bdgp-sharepop__row em{ display: none; }
}
@media print{
  .bdgp-mur{ display: none !important; }
}

/* ============================================================
   v2.3.1 · REARM CONTRA EL CSS ROSA DEL TEMA + MUR ARREGLAT
   El kit d'Elementor/tema tenyeix de rosa (contorn + text) TOTS
   els <button> que no porten !important. A partir d'ara TOTS els
   botons del plugin porten !important i selector amb `body` per
   guanyar qualsevol guerra d'especificitat.
   ============================================================ */

/* ---------- Botons base del plugin (compte, modals, eines, mur) ---------- */
body .bdgp-app .bdgp-btn,
body .bdgp-modal .bdgp-btn,
body .bdgp-send .bdgp-btn,
body .bdgp-mur .bdgp-btn{
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  min-height: 44px !important; padding: 10px 22px !important;
  font-family: var(--bdg-font-primary, 'Montserrat', sans-serif) !important;
  font-size: 12px !important; font-weight: 600 !important;
  letter-spacing: .12em !important; text-transform: uppercase !important;
  background: #ffffff !important; color: #111111 !important;
  border: 1px solid #111111 !important; border-radius: 999px !important;
  box-shadow: none !important; text-shadow: none !important; text-decoration: none !important;
  cursor: pointer !important;
}
body .bdgp-app .bdgp-btn--lime,
body .bdgp-modal .bdgp-btn--lime,
body .bdgp-send .bdgp-btn--lime,
body .bdgp-mur .bdgp-btn--lime{
  background: #ECF300 !important; color: #111111 !important; border-color: #ECF300 !important;
}
body .bdgp-app .bdgp-btn--lime:hover,
body .bdgp-modal .bdgp-btn--lime:hover,
body .bdgp-mur .bdgp-btn--lime:hover{
  background: #111111 !important; color: #ffffff !important; border-color: #111111 !important;
}
body .bdgp-app .bdgp-btn--ghost:hover,
body .bdgp-modal .bdgp-btn--ghost:hover,
body .bdgp-mur .bdgp-btn--ghost:hover{
  background: #111111 !important; color: #ffffff !important;
}
body .bdgp-app .bdgp-btn--sm,
body .bdgp-modal .bdgp-btn--sm,
body .bdgp-mur .bdgp-btn--sm{
  min-height: 34px !important; padding: 7px 14px !important; font-size: 10px !important;
}

/* ---------- Mur "Peces que m'agraden" al compte: botons continguts ---------- */
body .bdgp-wall__actions .bdgp-btn{
  flex: 1 1 auto !important; min-width: 0 !important;
  min-height: 38px !important; padding: 8px 10px !important; font-size: 9.5px !important;
  letter-spacing: .1em !important;
  background: #ECF300 !important; color: #111111 !important; border-color: #ECF300 !important;
}
body .bdgp-wall__actions .bdgp-btn:hover{
  background: #111111 !important; color: #ffffff !important; border-color: #111111 !important;
}
body .bdgp-wall__unfav{
  width: 38px !important; height: 38px !important; min-height: 38px !important; padding: 0 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  background: none !important; border: 1px solid #e0e0e0 !important; border-radius: 50% !important;
  color: #111111 !important; box-shadow: none !important;
}
body .bdgp-wall__unfav:hover{ border-color: #111111 !important; background: #fbfbe6 !important; }
/* La targeta del mur mai desborda: el contingut queda dins el borde */
body .bdgp-wall__card{ overflow: hidden; }
body .bdgp-wall__card img{ max-width: 100% !important; }

/* ---------- Barra d'accions de les targetes de la graella ---------- */
body .bdgp-loop-add{
  flex: 1 1 auto !important; display: inline-flex !important;
  align-items: center !important; justify-content: center !important;
  min-height: 42px !important; padding: 10px 12px !important;
  font-family: var(--bdg-font-primary, 'Montserrat', sans-serif) !important;
  font-size: 11px !important; font-weight: 600 !important;
  letter-spacing: .12em !important; text-transform: uppercase !important;
  color: #111111 !important; background: #ECF300 !important;
  border: none !important; border-radius: 999px !important;
  box-shadow: none !important; text-shadow: none !important;
}
body .bdgp-loop-add:hover, body .bdgp-loop-add:focus{
  background: #111111 !important; color: #ffffff !important;
}
body .bdgp-loop-add.is-added{ background: #111111 !important; color: #ECF300 !important; }
body .bdgp-loop-fav, body .bdgp-loop-share{
  flex: 0 0 auto !important; display: inline-flex !important;
  align-items: center !important; justify-content: center !important;
  width: 42px !important; min-width: 42px !important; min-height: 42px !important; padding: 0 !important;
  background: #ffffff !important; border: 1px solid #111111 !important; border-radius: 999px !important;
  color: #111111 !important; box-shadow: none !important;
}
body .bdgp-loop-fav:hover, body .bdgp-loop-share:hover,
body .bdgp-loop-fav:focus, body .bdgp-loop-share:focus{
  background: #111111 !important; color: #ECF300 !important; border-color: #111111 !important;
}
body .bdgp-loop-fav.is-on{
  background: #111111 !important; color: #ECF300 !important; border-color: #111111 !important;
}

/* ---------- Popover COMPARTEIX: files i botons sense rosa ---------- */
body .bdgp-sharepop .bdgp-sharepop__row,
body .bdgp-sharepop button.bdgp-sharepop__row{
  display: flex !important; align-items: center !important; gap: 12px !important;
  width: 100% !important; padding: 14px 16px !important; margin: 0 0 10px !important;
  background: #ffffff !important; border: 1px solid #e2e2e2 !important; border-radius: 8px !important;
  font-family: inherit !important; font-size: 14px !important; font-weight: 600 !important;
  letter-spacing: 0 !important; text-transform: none !important;
  color: #111111 !important; text-decoration: none !important; text-align: left !important;
  box-shadow: none !important; text-shadow: none !important;
}
body .bdgp-sharepop .bdgp-sharepop__row:hover,
body .bdgp-sharepop .bdgp-sharepop__row:focus{
  border-color: #111111 !important; background: #fbfbe6 !important; color: #111111 !important;
}
body .bdgp-sharepop .bdgp-sharepop__row span{ color: #111111 !important; }
body .bdgp-sharepop .bdgp-sharepop__row em{
  font-style: normal !important; font-weight: 400 !important;
  font-size: 10.5px !important; color: #777777 !important; text-align: right !important;
  text-transform: none !important; letter-spacing: 0 !important;
}
body .bdgp-sharepop .bdgp-sharepop__native{
  width: 100% !important;
  background: #ECF300 !important; color: #111111 !important; border-color: #ECF300 !important;
}
body .bdgp-sharepop .bdgp-sharepop__native:hover{
  background: #111111 !important; color: #ffffff !important; border-color: #111111 !important;
}
body .bdgp-sharepop #bdgpShareClose{
  background: #ffffff !important; color: #111111 !important; border: 1px solid #111111 !important;
}
body .bdgp-sharepop #bdgpShareClose:hover{
  background: #111111 !important; color: #ffffff !important;
}

/* ---------- Caixa del popover més gran i amb aire (desktop) ---------- */
@media (min-width: 641px){
  body .bdgp-sharepop__box{ max-width: 560px !important; padding: 42px 40px !important; }
  body .bdgp-sharepop .bdgp-sharepop__row{ padding: 15px 18px !important; margin-bottom: 10px !important; }
  body .bdgp-sharepop__what{ margin-bottom: 18px !important; }
}

/* ---------- Fotos del bloc mur: botons de portada/esborrar ---------- */
body .bdgp-mur__ph figcaption button{
  background: #ffffff !important; color: #111111 !important; border: none !important;
  border-radius: 999px !important; font-size: 10px !important; font-weight: 600 !important;
  letter-spacing: .06em !important; text-transform: uppercase !important;
  min-height: 30px !important; padding: 4px 8px !important; box-shadow: none !important;
}
body .bdgp-mur__ph figcaption button:hover{ background: #ECF300 !important; color: #111111 !important; }
body .bdgp-mur__ph figcaption button[data-act="del"]{
  background: rgba(0,0,0,.55) !important; color: #ffffff !important; width: 30px !important;
}
body .bdgp-mur__ph figcaption button[data-act="del"]:hover{ background: #b30000 !important; }