/*
Theme Name:  Hello Elementor Child (chemcrime)
Description: Child-Theme von Hello Elementor für chemcrime.com. Eigene CSS-Anpassungen gehören hierher, nie ins Parent-Theme.
Template:    hello-elementor
Version:     1.2.1
Author:      Epic Escape
Text Domain: hello-elementor-child
*/

/* ------------------------------------------------------------------
   Glanz-Effekt für das Logo auf der Startseite (läuft dauerhaft).
   assets/js/logo-shine.js legt um das Logo-Bild einen <span class="cc-shine">
   und setzt "is-inview", sobald das Logo im Viewport ist. Der Lichtstreifen
   (::after) wird mit dem Logo selbst maskiert (--cc-logo), leuchtet also nur
   innerhalb der Buchstaben. Ablauf pro Zyklus (3,6 s): Streifen wandert
   ~2 s durch, dann ~1,6 s Pause. Dazu ein kurzer Pop beim Erscheinen und
   ein dauerhaftes leichtes Schweben/Atmen des Logos, wie bei der Google-Bewertung auf epicescape.at.
   ------------------------------------------------------------------ */
.cc-shine {
	position: relative;
	display: inline-block;
	line-height: 0;
}
.cc-shine img {
	filter: brightness(0.88);           /* leicht gedimmt, damit der weiße Streifen sichtbar aufblitzt */
}
.cc-shine::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: 0;
	background: linear-gradient(115deg, transparent 38%, rgba(255, 255, 255, 0.55) 46%, #ffffff 50%, rgba(255, 255, 255, 0.55) 54%, transparent 62%);
	background-size: 250% 100%;
	background-position: 140% 0;
	-webkit-mask: var(--cc-logo) center / contain no-repeat;
	mask: var(--cc-logo) center / contain no-repeat;
}
.cc-shine.is-inview {
	animation: cc-pop 0.9s cubic-bezier(0.34, 1.56, 0.64, 1) 1;
}
.cc-shine.is-inview img {
	animation: cc-breathe 4.8s ease-in-out 0.9s infinite;
}
.cc-shine.is-inview::after {
	animation: cc-glint 3.6s cubic-bezier(0.4, 0, 0.2, 1) 0.3s infinite;
}
@keyframes cc-glint {
	0%   { opacity: 1; background-position: 140% 0; }
	55%  { opacity: 1; background-position: -40% 0; }
	100% { opacity: 1; background-position: -40% 0; }   /* Pause bis zum nächsten Durchlauf */
}
@keyframes cc-pop {
	0%   { transform: scale(1); }
	45%  { transform: scale(1.06); }
	100% { transform: scale(1); }
}
@keyframes cc-breathe {                        /* dauerhaftes leichtes Schweben + Atmen */
	0%, 100% { transform: translateY(0) scale(1); }
	50%      { transform: translateY(-4px) scale(1.025); }
}
@media (prefers-reduced-motion: reduce) {
	.cc-shine.is-inview,
	.cc-shine.is-inview img,
	.cc-shine.is-inview::after { animation: none; }
	.cc-shine img { filter: none; }
}