/* ==========================================================================
   CHOLLENTI – Mauszeiger
   ==========================================================================

   Sechs Zustände, alle als SVG direkt im Stylesheet – kein zusätzlicher
   Request, kein Flackern beim ersten Überfahren.

   !important ist hier bewusst gesetzt: Theme und Slider vergeben eigene
   cursor-Werte (auto, pointer, grab). Ohne Vorrang bleibt an genau den
   Stellen der Systemzeiger stehen, an denen der eigene am meisten auffällt.

   Bewusst OHNE hellen Außenrand: der wirkte auf hellem Grund als grauer Schmier
   um den Zeiger. Klickbar = reines Gold, sonst ein fein schwarzer Ring.

   Abschaltbar unter Chollenti → Preise & Einstellungen.
   ========================================================================== */

/* 1. Ruhezustand: schlanker Ring mit Punkt. */

.choll-cursor,
.choll-cursor *,
.choll-cursor *::before,
.choll-cursor *::after {
	cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='12' cy='12' r='7' fill='none' stroke='%23181818' stroke-width='1'/%3E%3Ccircle cx='12' cy='12' r='1.4' fill='%23181818'/%3E%3C/svg%3E") 12 12, auto !important;
}

/* 2. Klickbar: der Ring füllt sich golden. */

.choll-cursor a,
.choll-cursor a *,
.choll-cursor button,
.choll-cursor button *,
.choll-cursor label,
.choll-cursor label *,
.choll-cursor select,
.choll-cursor summary,
.choll-cursor [role="button"],
.choll-cursor [role="button"] *,
.choll-cursor input[type="submit"],
.choll-cursor input[type="button"],
.choll-cursor input[type="checkbox"],
.choll-cursor input[type="radio"],
.choll-cursor .choll-drop__toggle,
.choll-cursor .choll-drop__toggle *,
.choll-cursor .choll-drop__option,
.choll-cursor .choll-drop__option *,
.choll-cursor .slick-arrow,
.choll-cursor .slick-arrow *,
.choll-cursor .slick-dots li {
	cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Ccircle cx='13' cy='13' r='9' fill='none' stroke='%23eabf00' stroke-width='1.5'/%3E%3Ccircle cx='13' cy='13' r='2.6' fill='%23eabf00'/%3E%3C/svg%3E") 13 13, pointer !important;
}

/* 3. Textfelder: schmale Marke mit Serifen, kein Systemklotz. */

.choll-cursor input[type="text"],
.choll-cursor input[type="email"],
.choll-cursor input[type="tel"],
.choll-cursor input[type="search"],
.choll-cursor input[type="number"],
.choll-cursor input[type="url"],
.choll-cursor input[type="password"],
.choll-cursor textarea,
.choll-cursor [contenteditable="true"] {
	cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='28'%3E%3Cpath d='M9 4v20M6 4h6M6 24h6' fill='none' stroke='%23181818' stroke-width='1.2'/%3E%3C/svg%3E") 9 14, text !important;
}

/* 4. Fließtext: KEINE Textmarke.
      -------------------------------------------------------------------------
      Die Textmarke verspricht etwas: „hier kannst du markieren". Auf einer
      Seite, die aus Fotos, Überschriften und Knöpfen besteht, will das kaum
      jemand – und sichtbar ist die Markierung ohnehin erst, wenn man sie macht.
      Ein Zeiger, der etwas ankündigt, das niemand tut, ist Rauschen.

      Also: über Fließtext bleibt der normale Ring. Die Marke gibt es nur dort,
      wo wirklich getippt wird – in den Eingabefeldern.

      Wer trotzdem markiert, sieht es: die Auswahl ist golden hinterlegt.
      ------------------------------------------------------------------------- */

.choll-cursor ::selection {
	background: rgba(234, 191, 0, .35);
	color: inherit;
}

.choll-cursor ::-moz-selection {
	background: rgba(234, 191, 0, .35);
	color: inherit;
}

/* 5. Garnfotos: Lupe mit Plus. */

.choll-cursor .choll-galerie__item,
.choll-cursor .choll-galerie__item *,
.choll-cursor .choll-lightbox__bild {
	cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Ccircle cx='15' cy='15' r='9' fill='none' stroke='%23eabf00' stroke-width='1.5'/%3E%3Cpath d='M15 11v8M11 15h8' stroke='%23eabf00' stroke-width='1.5'/%3E%3C/svg%3E") 15 15, zoom-in !important;
}

/* 6. Ziehbar: Ring mit zwei Winkeln nach links und rechts.
      Beim Ziehen rücken die Winkel zusammen – der Ring „greift“. */

.choll-cursor .choll-galerie .slick-list,
.choll-cursor .choll-galerie .slick-track,
.choll-cursor .choll-lightbox__inhalt {
	cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='26'%3E%3Cg fill='none' stroke='%23181818' stroke-width='1.3'%3E%3Ccircle cx='17' cy='13' r='6'/%3E%3Cpath d='M6 9l-4 4 4 4M28 9l4 4-4 4'/%3E%3C/g%3E%3C/svg%3E") 17 13, grab !important;
}

.choll-cursor .choll-galerie .slick-list:active,
.choll-cursor .choll-galerie .slick-list:active *,
.choll-cursor .choll-lightbox__inhalt:active {
	cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Ccircle cx='13' cy='13' r='6' fill='none' stroke='%23181818' stroke-width='1.3'/%3E%3C/svg%3E") 13 13, grabbing !important;
}

/* Über dem DUNKLEN Lightbox-Overlay einen HELLEN Zeiger – der dunkle Ring
   verschwindet sonst auf dem dunklen Grund. Das Overlay ist klickbar (schließt). */
.choll-cursor .choll-lightbox {
	cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='12' cy='12' r='7' fill='none' stroke='%23ffffff' stroke-width='1.2'/%3E%3Ccircle cx='12' cy='12' r='1.6' fill='%23ffffff'/%3E%3C/svg%3E") 12 12, pointer !important;
}

/* Deaktiviertes bleibt deaktiviert. */

.choll-cursor [disabled],
.choll-cursor [aria-disabled="true"] {
	cursor: not-allowed !important;
}

/* Touch-Geräte haben keinen Mauszeiger – dort wäre das nur Ballast. */

@media (hover: none) {
	.choll-cursor,
	.choll-cursor * {
		cursor: auto !important;
	}
}