/**
 * Theme Name:      CreativityDS Divi 5 Agency Base
 * Theme URI:       https://www.creativityds.com/
 * Description:     Production-ready child theme foundation for Divi 5.
 * Author:          Creativity Design Studio LLC
 * Author URI:      https://www.creativityds.com/
 * Template:        Divi
 * Version:         1.1.1
 * Text Domain:     creativityds-child-theme
 * License:         GPL-2.0-or-later
 * License URI:     https://www.gnu.org/licenses/gpl-2.0.html
 */

/* BACKDROP BLUR */
.bblur {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

/* Zoom Effect - KB Slider */
.zoomkbslider {
    animation: kbsl 60s infinite;
}

@keyframes kbsl {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.2); }
    100% { transform: scale(1); }
}

/* Animate gradient */
.animate-gradient {
    background-size: 400% 400%;
    animation: gradient 5s ease infinite alternate;
}

@keyframes gradient {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Show desktop menu on phone */
@media (max-width: 980px) {
    .pa-open-mobile-menu .et_pb_menu__menu {
        display: flex !important;
    }

    .pa-open-mobile-menu .et_mobile_nav_menu {
        display: none !important;
    }
}

/* MOTION V-H */
.motion-v {
    animation: floatVertical 3.5s ease-in-out infinite;
}

@keyframes floatVertical {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-8px); }
}

.motion-h {
    animation: floatHorizontal 3.5s ease-in-out infinite;
}

@keyframes floatHorizontal {
    0%, 100% { transform: translateX(0); }
    50%      { transform: translateX(-8px); }
}

/* Agency-safe baseline */
img,
video,
iframe {
    max-width: 100%;
}

:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

.screen-reader-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (prefers-reduced-motion: reduce) {
    .zoomkbslider,
    .animate-gradient,
    .motion-v,
    .motion-h {
        animation: none !important;
        transform: none !important;
    }
}