/* Summer skin — non-animated, minimal decorations (sun icons)
   Visible only when body has class "seasonal-summer".
   Does not change page colors; only adds a small overlay icon in the nav.
   When the sidebar/menu is collapsed (common Inspinia pattern adds "mini-navbar"
   to the body) the sun is smaller and centered and uses a livelier bob animation.
   When expanded it uses a gentle, slow sway/bob plus a slow rotation.
*/

body.seasonal-summer nav.navbar-default.navbar-static-side {
    /* ensure pseudo-elements are positioned relative to their area */
    position: relative;
}

/* Common styling for the little sun icon */
body.seasonal-summer nav.navbar-default.navbar-static-side::before {
    content: "\f185"; /* Font Awesome sun */
    font-family: "FontAwesome";
    font-weight: normal;
    speak: none;
    display: block;
    position: absolute;
    pointer-events: none;
    z-index: 9999;
    color: rgba(255, 200, 30, 0.95); /* warm sun color */
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform-origin: center center; /* rotate around center */

    /* default placement for expanded sidebar */
    right: 12px;
    top: 12px;
    font-size: 22px;
    opacity: 0.95;

    /* smooth transitions when sidebar toggles */
    transition: transform 260ms ease, font-size 260ms ease, right 260ms ease, left 260ms ease, opacity 260ms ease;

    /* gentle continuous motion for expanded nav: slow bob + slow rotation */
    animation: seasonal-sun-gentle 10s ease-in-out infinite;
}

/* collapsed/minified sidebar variations
   Many templates add "mini-navbar" to body when sidebar is collapsed.
   Add some common alternate selectors to be robust.
*/
body.seasonal-summer.mini-navbar nav.navbar-default.navbar-static-side::before,
body.seasonal-summer nav.navbar-default.navbar-static-side.collapsed::before,
body.seasonal-summer nav.navbar-default.navbar-static-side.minified::before {
    /* smaller, centered in the narrow sidebar and animated */
    font-size: 14px;
    opacity: 0.95;
    right: auto;
    left: 50%;
    transform: translateX(-50%) translateY(0) scale(1);
    top: 8px;

    /* subtle looping animation to give a little life without being distracting */
    animation: seasonal-sun-bob 3.6s ease-in-out infinite;
}

/* gentle bob + tiny scale used for collapsed (keeps center X translation)
   includes a little rotation so the sun also turns when minified.
*/
@keyframes seasonal-sun-bob {
    0%   { transform: translateX(-50%) translateY(0)    rotate(-8deg)  scale(1);   }
    20%  { transform: translateX(-50%) translateY(-2px) rotate(-2deg)  scale(1.06); }
    50%  { transform: translateX(-50%) translateY(0)    rotate(8deg)   scale(1);   }
    80%  { transform: translateX(-50%) translateY(-1px) rotate(2deg)   scale(1.03); }
    100% { transform: translateX(-50%) translateY(0)    rotate(-8deg)  scale(1);   }
}

/* gentle slow sway/bob + slow rotation for expanded nav
   rotation is subtle and slow because the animation duration is longer.
*/
@keyframes seasonal-sun-gentle {
    0%   { transform: translateY(0)    rotate(-10deg) scale(1);   }
    20%  { transform: translateY(-2px) rotate(-3deg)  scale(1.02); }
    40%  { transform: translateY(0)    rotate(4deg)   scale(1.01); }
    60%  { transform: translateY(-1px) rotate(7deg)   scale(1.01); }
    80%  { transform: translateY(0)    rotate(2deg)   scale(1);    }
    100% { transform: translateY(0)    rotate(-10deg) scale(1);   }
}

/* Responsive: reduce size on very small screens */
@media (max-width: 480px) {
    body.seasonal-summer nav.navbar-default.navbar-static-side::before {
        font-size: 18px;
        left: 8px;
        top: 8px;
        right: auto;
        transform: none;
        animation: seasonal-sun-gentle 10s ease-in-out infinite;
    }

    body.seasonal-summer.mini-navbar nav.navbar-default.navbar-static-side::before,
    body.seasonal-summer nav.navbar-default.navbar-static-side.collapsed::before,
    body.seasonal-summer nav.navbar-default.navbar-static-side.minified::before {
        font-size: 12px;
        left: 50%;
        top: 6px;
        transform: translateX(-50%) scale(1);
        animation: seasonal-sun-bob 3.6s ease-in-out infinite;
    }
}

/* Honor users' reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
    body.seasonal-summer nav.navbar-default.navbar-static-side::before,
    body.seasonal-summer.mini-navbar nav.navbar-default.navbar-static-side::before,
    body.seasonal-summer nav.navbar-default.navbar-static-side.collapsed::before {
        animation: none !important;
        transition: none !important;
    }
}

/* If your project uses a different class name for the "collapsed" state,
   add it above (for example ".sidebar-collapsed" or ".nav-mini"). */