@charset "utf-8";
/* CSS Document */

/*
Theme Name: Rocket Media
Theme URI: https://rocketmedia.ca/
Description: Customized responsive child theme for RocketMedia.ca
Author: Art Lavigne — Rocket Media
Version: 1.0
Requires PHP: 8.3
Template: intentionally-blank
Text Domain: rocket-media
*/

/* Responsive main logo */
.custom-logo {
    width: min(48vw, 880px);
    max-width: 90vw;
    height: auto;
    z-index: 2;
}

/* Floating Contact astronaut */
.contact-astronaut {
    display: block;
    position: fixed;
    right: 2%;
    bottom: 2%;
    width: clamp(280px, 27vw, 480px);
    z-index: 10;
    text-decoration: none;
    animation: rocket-contact-float 5s ease-in-out infinite;
}

.contact-astronaut img {
    display: block;
    width: 100%;
    height: auto;
}

.contact-astronaut:hover {
    animation-play-state: paused;
    filter: brightness(1.08);
}

.contact-astronaut:focus-visible {
    outline: 3px solid #f0c873;
    outline-offset: 8px;
}

@keyframes rocket-contact-float {
    0%,
    100% {
        transform: translateY(0) rotate(-1deg);
    }

    50% {
        transform: translateY(-12px) rotate(1deg);
    }
}

@media (max-width: 700px) {
    .custom-logo {
        top: 30%;
        width: min(88vw, 540px);
    }

    .contact-astronaut {
        right: 1%;
        bottom: 1%;
        width: min(78vw, 400px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .contact-astronaut {
        animation: none;
    }
}