/* =========================================================================
   APPLE VISION OS & iOS 18 PREMIUM GLASS (The Ultimate Vibe)
   ========================================================================= */

.apple-glass-icon,
.icon-btn,
.social-links a,
.dash-header .icon-btn,
.upload-icon {
    position: relative;
    /* Deep VisionOS Blur & Saturation */
    backdrop-filter: blur(40px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(40px) saturate(180%) !important;

    /* Subtle base frosted background */
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.04) 100%) !important;

    /* Physical Edge Lighting (Inward & Outward Bevel) */
    box-shadow:
        inset 0.5px 1px 1px rgba(255, 255, 255, 0.45),
        /* Top left rim light */
        inset -0.5px -1px 1px rgba(255, 255, 255, 0.05),
        /* Bottom right corner rim bounce */
        0 8px 32px rgba(0, 0, 0, 0.25),
        /* Soft drop shadow (depth) */
        0 0 0 1px rgba(255, 255, 255, 0.1) !important;
    /* Outer microscopic border */

    border: none !important;
    /* Relying on precise box-shadow for pristine edges */
    color: #fff !important;

    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
    /* Apple fluid spring */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px !important;
    /* Authentic Apple Squircle curve radius */
    z-index: 10;
    overflow: hidden;
}

/* Glow Effect Overlay simulating volumetric refraction */
.apple-glass-icon::before,
.icon-btn::before,
.social-links a::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(120% 120% at 0% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 60%);
    pointer-events: none;
    opacity: 0.8;
    transition: opacity 0.5s ease;
}

/* Hover State - Fluid Expansion & Luminous Core */
.apple-glass-icon:hover,
.icon-btn:hover,
.social-links a:hover,
.dash-header .icon-btn:hover {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.08) 100%) !important;
    transform: translateY(-4px) scale(1.06) !important;
    box-shadow:
        inset 0.5px 1px 2px rgba(255, 255, 255, 0.6),
        /* Stronger upper lip */
        inset -0.5px -1px 2px rgba(255, 255, 255, 0.1),
        0 16px 48px rgba(0, 0, 0, 0.35),
        /* Deeper shadow = floating higher */
        0 0 0 1px rgba(255, 255, 255, 0.25),
        0 0 25px rgba(163, 207, 43, 0.25) !important;
    /* Vibe Green Hue */
    color: var(--primary, #a3cf2b) !important;
}

.apple-glass-icon:hover::before,
.icon-btn:hover::before,
.social-links a:hover::before {
    opacity: 1;
    background: radial-gradient(120% 120% at 0% 0%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 70%);
}

/* Fluid Active Press (Haptic Feel) */
.apple-glass-icon:active,
.icon-btn:active,
.social-links a:active {
    transform: scale(0.95) !important;
    background: rgba(255, 255, 255, 0.05) !important;
    box-shadow:
        inset 0px 4px 15px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(255, 255, 255, 0.05) !important;
}

/* Optional Focus State for Accessibility */
.icon-btn:focus-visible {
    outline: none !important;
    box-shadow:
        inset 0.5px 1px 1px rgba(255, 255, 255, 0.45),
        0 0 0 3px rgba(163, 207, 43, 0.6) !important;
}

/* Specific precise shaping for Navigation elements */
.nav-actions .icon-btn {
    border-radius: 50% !important;
    /* Perfect physical sphere */
    width: 44px;
    height: 44px;
}