/* =============================================
   DeepMaritime Suite — Custom Styles
   ============================================= */

/* ---------- Keyframe Animations ---------- */
@keyframes drift1 {
    0%   { transform: translate(0, 0) scale(1); }
    33%  { transform: translate(3vw, -5vh) scale(1.05); }
    66%  { transform: translate(-2vw, 2vh) scale(0.95); }
    100% { transform: translate(0, 0) scale(1); }
}

@keyframes drift2 {
    0%   { transform: translate(0, 0) scale(1); }
    50%  { transform: translate(-4vw, 4vh) scale(1.1); }
    100% { transform: translate(0, 0) scale(1); }
}

@keyframes waveMove {
    0%   { background-position-x: 0; }
    100% { background-position-x: 1000px; }
}

@keyframes radarSpin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

/* ---------- Animation Classes ---------- */
.blob-1 { animation: drift1 20s infinite alternate ease-in-out; }
.blob-2 { animation: drift2 25s infinite alternate ease-in-out; }

/* ---------- Background Patterns ---------- */
.maritime-grid {
    background-image:
        linear-gradient(to right,  rgba(0, 41, 209, 0.04) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(0, 41, 209, 0.04) 1px, transparent 1px);
    background-size: 60px 60px;
}

.wave-pattern {
    background-image: url("data:image/svg+xml,%3Csvg width='1000' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 250 50 500 100 T 1000 100' fill='none' stroke='rgba(0,41,209,0.06)' stroke-width='1.5'/%3E%3Cpath d='M0 130 Q 250 80 500 130 T 1000 130' fill='none' stroke='rgba(0,41,209,0.03)' stroke-width='1.5'/%3E%3C/svg%3E");
    background-repeat: repeat;
    animation: waveMove 80s linear infinite;
}

/* ---------- Radar Element ---------- */
.radar-circle {
    border: 1px solid rgba(0, 41, 209, 0.1);
    border-radius: 50%;
    position: absolute;
}

/* ---------- Shadows ---------- */
.shadow-ambient-md {
    box-shadow: 0 10px 40px -10px rgba(0, 41, 209, 0.08);
}

.shadow-ambient-lg {
    box-shadow: 0 20px 60px -15px rgba(0, 41, 209, 0.15);
}