/*
Theme Name: Ghazalmann Umzüge
Theme URI: https://ghazalmann.de
Author: Ghazalmann Team
Description: Professional logistics and moving service theme for GHAZALMANN UMZÜGE.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ghazalmann
*/

/* --- Global Variables --- */
:root {
    --primary: #246BA7;
    --primary-dark: #1a4d7d;
    --bg-white: #FFFFFF;
    --accent: #E4E5E4;
    --accent-light: #f5f5f5;
    --text-dark: #333333;
    --text-muted: #666666;
    --shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    --transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* --- ANIMATION UTILITIES --- */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    pointer-events: none;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.reveal-left {
    opacity: 0;
    transform: translateX(-50px);
    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.reveal-right {
    opacity: 0;
    transform: translateX(50px);
    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.reveal-left.active, .reveal-right.active {
    opacity: 1;
    transform: translateX(0);
}

.delay-1 { transition-delay: 0.1s; }
.delay-2 { transition-delay: 0.2s; }
.delay-3 { transition-delay: 0.3s; }
.delay-4 { transition-delay: 0.4s; }
.delay-5 { transition-delay: 0.5s; }
.delay-6 { transition-delay: 0.6s; }

/* Scale Entry */
.reveal-scale {
    opacity: 0;
    transform: scale(0.9);
    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.reveal-scale.active {
    opacity: 1;
    transform: scale(1);
}

/* --- Base Styles --- */
html, body {
    font-family: 'Inter', sans-serif;
    color: var(--text-dark);
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    width: 100%;
}