/* La Crossandra: child theme de Hummingbird. FITXER GENERAT per scripts/build-lacrossandra-theme.py
 * (no editar a mà: es torna a generar). Substitueix el blau primari (#0b69f6) per una paleta de
 * marrons derivada de #7c6e5a. Conté només les regles de theme.css que duen colors de la família blava,
 * dins dels mateixos @layer/@media que l'original.
 *
 * Paleta principal  base #7c6e5a | hover #695d4d | active #5d5344 | enllaç #7c6e5a | enllaç hover #635848
 *                   subtil #e6e2dc | vora subtil #cdc5ba | focus #c1b7a9
 */
:root,[data-bs-theme=light]{--bs-blue:#7c6e5a;--bs-primary:#7c6e5a;--bs-primary-rgb:124,110,90;--bs-primary-text-emphasis:#7c6e5a;--bs-primary-bg-subtle:#e6e2dc;--bs-primary-border-subtle:#cdc5ba;--bs-link-color:#7c6e5a;--bs-link-color-rgb:124,110,90;--bs-link-hover-color:#635848;--bs-link-hover-color-rgb:99,88,72;--bs-focus-ring-color:rgba(124,110,90,.25)}[data-bs-theme=dark]{--bs-primary-text-emphasis:#b5a999;--bs-primary-bg-subtle:#191612;--bs-primary-border-subtle:#4b4236;--bs-link-color:#b5a999;--bs-link-hover-color:#c4baad;--bs-link-color-rgb:181,169,153;--bs-link-hover-color-rgb:196,186,173}@layer bs-components{.accordion{--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(124,110,90,.25)}[data-bs-theme=dark] .accordion-button:after{--bs-accordion-btn-icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23b4a897' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");--bs-accordion-btn-active-icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23b4a897' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E")}.btn-primary{--bs-btn-bg:#7c6e5a;--bs-btn-border-color:#7c6e5a;--bs-btn-hover-bg:#695d4d;--bs-btn-hover-border-color:#635848;--bs-btn-focus-shadow-rgb:149,133,109;--bs-btn-active-bg:#635848;--bs-btn-active-border-color:#5d5344;--bs-btn-disabled-bg:#7c6e5a;--bs-btn-disabled-border-color:#7c6e5a}.btn-outline-primary{--bs-btn-color:#7c6e5a;--bs-btn-border-color:#7c6e5a;--bs-btn-hover-bg:#7c6e5a;--bs-btn-hover-border-color:#7c6e5a;--bs-btn-focus-shadow-rgb:124,110,90;--bs-btn-active-bg:#7c6e5a;--bs-btn-active-border-color:#7c6e5a;--bs-btn-disabled-color:#7c6e5a;--bs-btn-disabled-border-color:#7c6e5a}.btn-link{--bs-btn-focus-shadow-rgb:149,133,109}.btn-close{--bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(124,110,90,.25)}.dropdown-menu{--bs-dropdown-link-active-bg:#7c6e5a}.dropdown-menu-dark{--bs-dropdown-link-active-bg:#7c6e5a}.form-control:focus{border-color:#c1b7a9;box-shadow:0 0 0 .25rem rgba(124,110,90,.25)}.form-select:focus{border-color:#c1b7a9;box-shadow:0 0 0 .25rem rgba(124,110,90,.25)}.form-check-input:focus{border-color:#c1b7a9;box-shadow:0 0 0 .25rem rgba(124,110,90,.25)}.form-check-input:checked{background-color:#7c6e5a;border-color:#7c6e5a}.form-check-input[type=checkbox]:indeterminate{background-color:#7c6e5a;border-color:#7c6e5a}.form-switch .form-check-input:focus{--bs-form-switch-bg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23c0b7a9'/%3E%3C/svg%3E")}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(124,110,90,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(124,110,90,.25)}.form-range::-webkit-slider-thumb{background-color:#7c6e5a}.form-range::-webkit-slider-thumb:active{background-color:#dad4cc}.form-range::-moz-range-thumb{background-color:#7c6e5a}.form-range::-moz-range-thumb:active{background-color:#dad4cc}.list-group{--bs-list-group-active-bg:#7c6e5a;--bs-list-group-active-border-color:#7c6e5a}.nav-link:focus-visible{box-shadow:0 0 0 .25rem rgba(124,110,90,.25)}.nav-pills{--bs-nav-pills-link-active-bg:#7c6e5a}.pagination{--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(124,110,90,.25)}.progress,.progress-stacked{--bs-progress-bar-bg:#7c6e5a}.table-primary{--bs-table-bg:#e6e2dc;--bs-table-border-color:#b0ada8;--bs-table-striped-bg:#d9d5d0;--bs-table-active-bg:#cbc8c3;--bs-table-hover-bg:#d2cec9}}@layer ps-modules{.search-filters__form-check--color .color:focus-visible{box-shadow:0 0 0 .25rem rgba(124,110,90,.25)}.stars-selector:has(.stars-selector__input:focus-visible){box-shadow:0 0 0 .25rem rgba(124,110,90,.25)}}

/* ==========================================================================
   Estats d'enllaç (Bootstrap no estila :visited ni :active en enllaços de text)
   Només enllaços "de text" (sense classe): no toca botons, menús ni components.
   ========================================================================== */
a:not([class]):visited { color: #635348; }
a:not([class]):hover   { color: #635848; }
a:not([class]):active  { color: #544a3d; }
a:not([class]):focus-visible { outline-color: #7c6e5a; }

/* ==========================================================================
   Avís de botiga: "Estàs veient la botiga online de Vic i Granollers" + enllaç "Anar a Barcelona" + creueta (_partials/shop-notice.tpl).
   - Escriptori: dins del top bar (hook displayNav1 -> modules/ps_contactinfo/nav.tpl). El pare posa aquest bloc en una
     columna d'1/3 (col-md-4); aquí l'esquerra s'estén i la dreta (compte/cistella) ocupa només el que necessita.
   - Mòbil: franja a dalt de tot (_partials/header.tpl), a sobre de la fila del botó del menú i el logo.
   ========================================================================== */
.header-top .header-top__left { flex: 1 1 0; min-width: 0; width: auto; max-width: none; flex-wrap: nowrap; gap: 1.5rem; }
.header-top .header-top__right { flex: 0 0 auto; width: auto; margin-left: auto; }
#_desktop_ps_contactinfo { flex: 0 0 auto; }
#_desktop_ps_contactinfo .ps-contactinfo__phone,
#_desktop_ps_contactinfo .ps-contactinfo__email { white-space: nowrap; }
/* Telèfons de Vic i Granollers (modules/ps_contactinfo/nav.tpl). A mòbil el JS del tema mou el bloc al final del menú lateral: allà en columna. */
.ps-contactinfo__phones { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 2rem; row-gap: .25rem; }
.ps-contactinfo__phones .ps-contactinfo__phone { white-space: nowrap; }
.ps-contactinfo__phone-city { font-weight: 600; }
@media (max-width: 767.98px) {
  .ps-contactinfo__phones { flex-direction: column; row-gap: .5rem; }
  .ps-contactinfo__phones .ps-contactinfo__phone { display: block; font-size: 1rem; }
  /* el pare el deixa a la mateixa fila que els selectors de moneda/idioma (buits aquí) i queda arraconat a la dreta */
  #_mobile_ps_contactinfo { flex: 1 0 100%; }
}
.ps-contactinfo__notice { display: flex; align-items: center; gap: .75rem; flex: 1 1 auto; min-width: 0; }
.ps-contactinfo__notice-main { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: .75rem; row-gap: .125rem; flex: 1 1 auto; min-width: 0; }
.ps-contactinfo__notice-text { font-weight: 600; min-width: 0; }
.ps-contactinfo__notice a.ps-contactinfo__notice-link { font-weight: 600; white-space: nowrap; text-decoration: underline; color: var(--bs-link-color); }
.ps-contactinfo__notice a.ps-contactinfo__notice-link:hover { color: var(--bs-link-hover-color); }
.ps-contactinfo__notice-close { flex: 0 0 auto; --bs-btn-close-focus-shadow: 0 0 0 .2rem rgba(var(--bs-primary-rgb), .25); padding: .5rem; margin: 0; }
@media (max-width: 991.98px) {
  /* tauleta: avís a la primera fila i compte/cistella a la segona, alineats a la dreta */
  .header-top .header-top__left,
  .header-top .header-top__right { flex: 0 0 100%; }
  .header-top .header-top__right { justify-content: flex-end; }
}
/* Checkout, mètode d'enviament: Hummingbird retalla el contingut extra del carrier (overflow:hidden amb l'alçada animada).
   El desplegable de punts de recollida de fspickupatstore (react-select) queda tallat si no hi ha un mapa que faci alta la caixa.
   Un cop obert (data-active) deixem que la llista sobresurti; l'overflow canvia DESPRÉS de l'animació d'alçada (0,2 s). */
.delivery-option__extra[data-active] {
  overflow: visible;
  transition-property: height, overflow;
  transition-delay: 0s, .2s;
  transition-behavior: allow-discrete;
}
.delivery-option__extra[data-active] [class*="-menu"] { z-index: 20; }
/* franja de mòbil */
.header-shop-notice { background: var(--bs-primary-bg-subtle); padding: .5rem 0; font-size: .875rem; line-height: 1.25; }
.header-shop-notice .ps-contactinfo__notice { gap: .625rem; }