/*
Theme Name: Divi Child VI by WhitePointerNet
Description: Removes WordPress branding from back-end, Adds dynamic copyright date with customisable site owner info to footer bar, applies image scaling to footer logo, makes images unclickable on the front-end, 
Author: WhitePointerNet
Author URI: https://whitepointer.net
Template: Divi
Version: 6.0.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: divi-child-vi
Domain Path: /languages
*/


/* ==========================================================================
   Global Styles
   General resets, box model, body defaults, links, and utility classes.
   ========================================================================== */

img {
pointer-events:none;
}

/* ==========================================================================
   Header & Navigation
   Main header, logo, primary menu, mobile menu, top header bar.
   ========================================================================== */

/* --- Active Menu Links: Force to White --- */
.loop-active-text,
a.loop-active-text,
a.loop-active-text span,
.loop-active-container a,
.loop-active-container .loop-menu-link a,
.loop-active-container .loop-menu-link a span {
    color: #ffffff !important;
    position: relative !important; /* Crucial for absolute positioning of the arrow */
}

/* --- Archery Arrow Outer Container --- */
.menu-arrow-container {
    position: absolute;
    top: -10px; /* Brought closer vertically (changed from -18px) */
    left: 50%;
    /* 
       Mathematical adjustment: Because the arrowhead tip is at 90% of the SVG's width,
       translating by -90% aligns the exact tip of the arrow to the horizontal center 
       of your menu text, accounting for the 45-degree rotation pivot.
    */
    transform: translate(-90%, 0); 
    width: 45px;
    height: 14px;
    pointer-events: none; /* Ensures the arrow doesn't block hover/tap states */
    z-index: 10;
}

/* --- Archery Arrow SVG & Flight Settings --- */
.menu-arrow {
    width: 100%;
    height: 100%;
    transform-origin: 90% 50%; /* Pivots rotation around the tip of the arrowhead (far right) */
    transform: rotate(45deg); /* Final landing angle pointing down-right */
    animation: arrow-shoot-wobble 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

/* --- Arrow Flight & Physical Target Wobble Keyframes --- */
@keyframes arrow-shoot-wobble {
    0% {
        /* Starts off-screen to the left and slightly above */
        transform: translate3d(-100vw, -30vh, 0) rotate(45deg);
        opacity: 0;
    }
    55% {
        /* Fast descent and initial strike */
        transform: translate3d(0, 0, 0) rotate(45deg);
        opacity: 1;
    }
    65% {
        /* Vibration: wobble up */
        transform: translate3d(0, 0, 0) rotate(37deg);
    }
    75% {
        /* Vibration: wobble down */
        transform: translate3d(0, 0, 0) rotate(51deg);
    }
    85% {
        /* Vibration: wobble up slightly */
        transform: translate3d(0, 0, 0) rotate(42deg);
    }
    95% {
        /* Vibration: wobble down slightly */
        transform: translate3d(0, 0, 0) rotate(47deg);
    }
    100% {
        /* Settles statically at 45 degrees */
        transform: translate3d(0, 0, 0) rotate(45deg);
        opacity: 1;
    }
}

/* ==========================================================================
   Footer
   Footer widgets, footer menu, bottom bar, copyright area.
   ========================================================================== */

/* START WPN Footer Logo */
.wpnfooterlogo {
	display: inline-block;
    vertical-align: middle;
    position: relative;
	width: 73px !important;
    height: 9px !important;
}

.footer-inline-left,
.footer-inline-right {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    font-size: 0.75rem;
    line-height: 1.2;
}

.wpnfooterlogo {
    height: 18px;
    width: auto;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

/* END WPN Footer Logo */

/* ==========================================================================
   Responsive / Media Queries
   Breakpoint-specific overrides for tablet and mobile.
   ========================================================================== */

/* Tablet (max-width: 980px) */
@media only screen and (max-width: 980px) {

}

/* Mobile (max-width: 767px) */
@media only screen and (max-width: 767px) {

}

/* Universal Mobile (max-width: 767px) */
@media (max-width: 767px) {
    .footer-inline-left,
    .footer-inline-right {
        justify-content: center;
        white-space: normal;
        text-align: center;
        font-size: 0.75rem;
    }

    .wpnfooterlogo {
        height: 15px;
    }
}