/* ==========================================================================
   UTILITARE — clase reutilizabile. Funcționează și în PageLayer: scrie numele
   clasei (fără punct) în câmpul „CSS Classes” al rândului / elementului.

   cf-sticky  Rândul rămâne fixat sus, iar rândurile următoare trec peste el la scroll.
              Pune-l pe primul rând (hero). Rândurile de după trebuie să aibă fundal
              plin (culoare sau imagine) și clasa cf-cover.
   cf-cover   Rândul urcă peste un element cf-sticky (are nevoie de fundal plin).
   cf-bw      Imaginea e alb-negru și devine color la hover, fără zoom sau mișcare.

   Atenție: efectul cf-sticky nu merge dacă un element părinte are overflow:hidden.
   ========================================================================== */
.cf-sticky { position: sticky; top: 0; z-index: 0; }
.cf-cover { position: relative; z-index: 1; }
.cf-home > :not(.cf-sticky) { position: relative; z-index: 1; }

.cf-bw { filter: grayscale(1); transition: filter .45s ease; }
.cf-bw:hover, .cf-bw:focus-within, a:hover .cf-bw, a:focus-visible .cf-bw { filter: grayscale(0); }

/* Conținut PageLayer: pe toată lățimea, fără margini adăugate de temă. */
.cf-pagelayer-content { width: 100%; max-width: none; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.cf-sticky, .portfolio-panel { position: relative; }
	.cf-bw, .button, .text-link, .round-link { transition: none; }
}