/**
 * Fiche shooting client (view mode full).
 * Ne pas élargir ces sélecteurs à la fiche photographe.
 */

/* Bande de couleur : picto + n° de shooting.
   À confirmer / réalisé / archivé : blanc.
   À planifier (gris) et à venir (beige) : noir. */
.node--view-mode-full .node--view-mode-full-statuts .shooting-status-number {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  color: #fff;
}

.node--view-mode-full .node--view-mode-full-statuts .grey-shooting {
  background-color: #bdbcbc;
  color: #111;
}

.node--view-mode-full .node--view-mode-full-statuts .yellow-shooting {
  background-color: #bfb4a1;
  color: #111;
}

.node--view-mode-full .shooting-status-number__icon {
  display: block;
  flex: 0 0 auto;
  width: 2.4rem;
  height: 2.4rem;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8.5 2.5h-1L6.2 4H3.5A1.5 1.5 0 0 0 2 5.5v7A1.5 1.5 0 0 0 3.5 14h9a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 12.5 4H9.8L8.5 2.5zM8 11.6A2.6 2.6 0 1 1 8 6.4a2.6 2.6 0 0 1 0 5.2z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8.5 2.5h-1L6.2 4H3.5A1.5 1.5 0 0 0 2 5.5v7A1.5 1.5 0 0 0 3.5 14h9a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 12.5 4H9.8L8.5 2.5zM8 11.6A2.6 2.6 0 1 1 8 6.4a2.6 2.6 0 0 1 0 5.2z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.node--view-mode-full .node--view-mode-full-shooting-date-shooting .shooting-number-wrapper {
  display: none;
}

/* Les pastilles restent au-dessus du bandeau, qui remonte comme chez le photographe. */
.node--view-mode-full .shooting-tabs {
  position: relative;
  z-index: 2;
}

/* Le shooting : puce devant Date de la commande, Adresse postale, etc. */
.node--view-mode-full .node--view-mode-full-shooting-date-shooting .created-label,
.node--view-mode-full .node--view-mode-full-shooting-date-shooting .title {
  position: relative;
  padding-left: 1.4rem;
}

.node--view-mode-full .node--view-mode-full-shooting-date-shooting .created-label::before,
.node--view-mode-full .node--view-mode-full-shooting-date-shooting .title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: var(--principal-fond, #394547);
}

/* Cadre : titres des champs en rouge, puce dans la couleur du texte. */
.node--view-mode-full .bloc-le-cadre-de-la-prestation .field-title,
.node--view-mode-full .bloc-le-cadre-de-la-prestation .field-wrapper > .title,
.node--view-mode-full .bloc-le-cadre-de-la-prestation .double-field-unformatted-list .title,
.node--view-mode-full .bloc-le-cadre-de-la-prestation .field-methode h3,
.node--view-mode-full .bloc-le-cadre-de-la-prestation .field-format-des-photos h3 {
  position: relative;
  padding-left: 1.4rem;
  color: var(--red, #ff5064);
}

.node--view-mode-full .bloc-le-cadre-de-la-prestation .field-title::before,
.node--view-mode-full .bloc-le-cadre-de-la-prestation .field-wrapper > .title::before,
.node--view-mode-full .bloc-le-cadre-de-la-prestation .double-field-unformatted-list .title::before,
.node--view-mode-full .bloc-le-cadre-de-la-prestation .field-methode h3::before,
.node--view-mode-full .bloc-le-cadre-de-la-prestation .field-format-des-photos h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: var(--principal-fond, #394547);
}

/* Brief : pas de puce devant « Notes du client ».
   .brief et .field--name-field-brief sont le même élément : la puce est sur
   le .field du formulaire, pas sur un descendant. */
.node--view-mode-full .node--view-mode-full-shooting-date-brief-detaille .brief form .field {
  padding-left: 0;
}

.node--view-mode-full .node--view-mode-full-shooting-date-brief-detaille .brief form .field::before,
.node--view-mode-full .node--view-mode-full-shooting-date-brief-detaille .brief form .field :before {
  content: none;
  display: none;
}

/* Mémo : date sous le texte, « Ajouter une note » en rouge. */
.node--view-mode-full .commentaire-note .commentaire-shootings-item {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4rem;
}

.node--view-mode-full .commentaire-note .commentaire-shootings-item .txt {
  flex: none;
  width: 100%;
  font-style: italic;
  font-size: 1.1rem;
  text-align: left !important;
}

.node--view-mode-full .commentaire-note .add-new-note {
  color: var(--red, #ff5064);
  font-weight: 700;
}

.node--view-mode-full .commentaire-note .add-new-note:hover,
.node--view-mode-full .commentaire-note .add-new-note:focus {
  color: #e23b50;
}

/* Cartouche livré : une seule phrase, sans le filet devant la date. */
.node--view-mode-full .node--view-mode-full-shooting-date-vos-livrables .container-en-cours-livraison .shooting-limite-disponibilite {
  border-left: 0;
  padding-left: 0;
  margin-left: 0;
}

/* Lien de la visite virtuelle : noir du site, pas le bleu du lien. */
.node--view-mode-full .node--view-mode-full-shooting-date-vos-livrables .visite .visite-item .lien-360,
.node--view-mode-full .node--view-mode-full-shooting-date-vos-livrables .visite .visite-item .lien-360 .rose,
.node--view-mode-full .node--view-mode-full-shooting-date-vos-livrables .visite .visite-item .lien-360 a {
  color: var(--principal-fond, #394547);
}

.node--view-mode-full .node--view-mode-full-shooting-date-vos-livrables .visite .visite-item .lien-360 a {
  text-decoration: underline;
}

/* Visite virtuelle : expiration sans puce, sans gras, en italique. */
.node--view-mode-full .visite-item .lien-360 li:has(.visite-expiration) {
  list-style: none;
  font-weight: 400;
  font-style: italic;
  color: var(--principal-fond, #394547);
}

.node--view-mode-full .visite-item .lien-360 li:has(.visite-expiration)::marker {
  content: none;
}

.node--view-mode-full .visite-item .lien-360 .visite-expiration,
.node--view-mode-full .visite-item .lien-360 .visite-expiration.rose {
  font-weight: 400;
  font-style: italic;
  color: var(--principal-fond, #394547);
}