/*
 * FD AIdeas: fd-progetto-card. Moved from Elementor Custom CSS on 2026-09-14, rules unchanged.
 * Selectors are the ones Elementor generated for each element, so specificity is the same as before.
 * Loaded by hello_elementor_child_fd_assets() in functions.php (group: progetto).
 */

/* fd-progetto-card (container, class: fd-progetto-card fd-focus-light), Elementor document 280 "FD Progetto card". selector = .elementor-280 .elementor-element.elementor-element-fd-progetto-card */
/* FD Progetto card: Esempi slide look. White frame, inner image radius 18, frosted chip on the lower-left corner. Reused by the Home carousel. */
.elementor-280 .elementor-element.elementor-element-fd-progetto-card { position: relative; color: inherit; text-decoration: none; height: 100%; }
.elementor-280 .elementor-element.elementor-element-fd-progetto-card .fd-progetto-card__image img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: center top; }
.elementor-280 .elementor-element.elementor-element-fd-progetto-card .fd-progetto-card__chip {
  position: absolute;
  left: clamp(20px, 4%, 32px);
  bottom: clamp(20px, 4%, 28px);
  width: auto;
  max-width: calc(100% - 40px);
  -webkit-backdrop-filter: blur(14px) saturate(1.4);
  backdrop-filter: blur(14px) saturate(1.4);
}
.elementor-280 .elementor-element.elementor-element-fd-progetto-card .fd-progetto-card__icon { flex-shrink: 0; }
.elementor-280 .elementor-element.elementor-element-fd-progetto-card .fd-progetto-card__icon .elementor-icon svg { fill: none !important; stroke: currentColor; }
.elementor-280 .elementor-element.elementor-element-fd-progetto-card .fd-progetto-card__name .elementor-heading-title { transition: color 0.25s ease; }
.elementor-280 .elementor-element.elementor-element-fd-progetto-card:hover .fd-progetto-card__name .elementor-heading-title,
.elementor-280 .elementor-element.elementor-element-fd-progetto-card:focus-visible .fd-progetto-card__name .elementor-heading-title { color: var(--fd-petrolio); }
@media (max-width: 809px) {
  .elementor-280 .elementor-element.elementor-element-fd-progetto-card .fd-progetto-card__chip {
    position: static;
    align-self: flex-start;
    max-width: 100%;
    margin: 10px 0 2px;
    border-color: rgb(13 115 119 / 0.14);
  }
}

/* fd-progetto-card-icon (icon, class: fd-progetto-card__icon), Elementor document 280 "FD Progetto card". selector = .elementor-280 .elementor-element.elementor-element-fd-progetto-card-icon */
/*
 * fd-progetto-card__icon: icon per Tipologia, no data entry.
 * WordPress prints the term on the loop item (e.g. .elementor-280.tipologia-hotel). Each line below
 * swaps the widget icon for a Font Awesome 5 Free solid glyph (CC BY 4.0) drawn with a CSS mask
 * in the icon colour. Tipologie without a line keep the icon chosen in this widget (globe).
 *
 * To add a Tipologia:
 * 1. Progetti > Tipologie: copy the term slug (e.g. agriturismo).
 * 2. Copy one line below and change the class to .elementor-280.tipologia-<slug>.
 * 3. Replace viewBox and path d with the FA solid icon SVG (fontawesome.com, Free, Solid),
 *    keeping < and > encoded as %3C and %3E. Leave --fd-tipologia-custom: 1.
 * If a term slug changes, update its class here too.
 */
/* hotel: fa-bed */
.elementor-280.tipologia-hotel { --fd-tipologia-custom: 1; --fd-tipologia-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M176 256c44.11 0 80-35.89 80-80s-35.89-80-80-80-80 35.89-80 80 35.89 80 80 80zm352-128H304c-8.84 0-16 7.16-16 16v144H64V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v352c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16v-48h512v48c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V240c0-61.86-50.14-112-112-112z'/%3E%3C/svg%3E"); }
/* ristorante: fa-utensils */
.elementor-280.tipologia-ristorante { --fd-tipologia-custom: 1; --fd-tipologia-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 416 512'%3E%3Cpath d='M207.9 15.2c.8 4.7 16.1 94.5 16.1 128.8 0 52.3-27.8 89.6-68.9 104.6L168 486.7c.7 13.7-10.2 25.3-24 25.3H80c-13.7 0-24.7-11.5-24-25.3l12.9-238.1C27.7 233.6 0 196.2 0 144 0 109.6 15.3 19.9 16.1 15.2 19.3-5.1 61.4-5.4 64 16.3v141.2c1.3 3.4 15.1 3.2 16 0 1.4-25.3 7.9-139.2 8-141.8 3.3-20.8 44.7-20.8 47.9 0 .2 2.7 6.6 116.5 8 141.8.9 3.2 14.8 3.4 16 0V16.3c2.6-21.6 44.8-21.4 48-1.1zm119.2 285.7l-15 185.1c-1.2 14 9.9 26 23.9 26h56c13.3 0 24-10.7 24-24V24c0-13.2-10.7-24-24-24-82.5 0-221.4 178.5-64.9 300.9z'/%3E%3C/svg%3E"); }
/* enoteca: fa-wine-glass */
.elementor-280.tipologia-enoteca { --fd-tipologia-custom: 1; --fd-tipologia-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 288 512'%3E%3Cpath d='M216 464h-40V346.81c68.47-15.89 118.05-79.91 111.4-154.16l-15.95-178.1C270.71 6.31 263.9 0 255.74 0H32.26c-8.15 0-14.97 6.31-15.7 14.55L.6 192.66C-6.05 266.91 43.53 330.93 112 346.82V464H72c-22.09 0-40 17.91-40 40 0 4.42 3.58 8 8 8h208c4.42 0 8-3.58 8-8 0-22.09-17.91-40-40-40z'/%3E%3C/svg%3E"); }
/* noleggio-bike: fa-bicycle */
.elementor-280.tipologia-noleggio-bike { --fd-tipologia-custom: 1; --fd-tipologia-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M512.509 192.001c-16.373-.064-32.03 2.955-46.436 8.495l-77.68-125.153A24 24 0 0 0 368.001 64h-64c-8.837 0-16 7.163-16 16v16c0 8.837 7.163 16 16 16h50.649l14.896 24H256.002v-16c0-8.837-7.163-16-16-16h-87.459c-13.441 0-24.777 10.999-24.536 24.437.232 13.044 10.876 23.563 23.995 23.563h48.726l-29.417 47.52c-13.433-4.83-27.904-7.483-42.992-7.52C58.094 191.83.412 249.012.002 319.236-.413 390.279 57.055 448 128.002 448c59.642 0 109.758-40.793 123.967-96h52.033a24 24 0 0 0 20.406-11.367L410.37 201.77l14.938 24.067c-25.455 23.448-41.385 57.081-41.307 94.437.145 68.833 57.899 127.051 126.729 127.719 70.606.685 128.181-55.803 129.255-125.996 1.086-70.941-56.526-129.72-127.476-129.996zM186.75 265.772c9.727 10.529 16.673 23.661 19.642 38.228h-43.306l23.664-38.228zM128.002 400c-44.112 0-80-35.888-80-80s35.888-80 80-80c5.869 0 11.586.653 17.099 1.859l-45.505 73.509C89.715 331.327 101.213 352 120.002 352h81.3c-12.37 28.225-40.562 48-73.3 48zm162.63-96h-35.624c-3.96-31.756-19.556-59.894-42.383-80.026L237.371 184h127.547l-74.286 120zm217.057 95.886c-41.036-2.165-74.049-35.692-75.627-76.755-.812-21.121 6.633-40.518 19.335-55.263l44.433 71.586c4.66 7.508 14.524 9.816 22.032 5.156l13.594-8.437c7.508-4.66 9.817-14.524 5.156-22.032l-44.468-71.643a79.901 79.901 0 0 1 19.858-2.497c44.112 0 80 35.888 80 80-.001 45.54-38.252 82.316-84.313 79.885z'/%3E%3C/svg%3E"); }

/* Engine: hide the widget icon and paint the mapped glyph only when a mapping exists. */
.elementor-280 .elementor-element.elementor-element-fd-progetto-card-icon .elementor-icon { position: relative; }
.elementor-280 .elementor-element.elementor-element-fd-progetto-card-icon .elementor-icon svg { opacity: calc(1 - var(--fd-tipologia-custom, 0)); }
.elementor-280 .elementor-element.elementor-element-fd-progetto-card-icon .elementor-icon::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 1em;
  height: 1em;
  margin: auto;
  background-color: currentColor;
  -webkit-mask: var(--fd-tipologia-icon, none) center / contain no-repeat;
  mask: var(--fd-tipologia-icon, none) center / contain no-repeat;
  opacity: var(--fd-tipologia-custom, 0);
  pointer-events: none;
}