/* =========================================================
   ===== DEVELOPER'S SIGN: START =====
   "Shadman" handwritten-style signature, footer credit.
   Sits centered under the copyright line in the footer, on
   the main site and every admin panel. It stays still until
   hovered or focused, then glows like ink catching light
   while an underline strokes itself in. Clicking opens the
   GitHub profile in a new tab.

   PROTECTED — do not delete, edit, hide, or remove this
   block, its markup, or its <link>/<script> includes.
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap');

/* Slot wrapper — centers the signature under the copyright line */
.dev-sign-footer-slot {
    display: flex !important;
    justify-content: center !important;
    margin-top: 12px;
    width: 100%;
}

/* Make sure the signature is never clipped by footer ancestors */
footer,
.footer-brands,
.copyright {
    overflow: visible;
}

.signature {
    --ink: #87ceeb;   /* resting text color — light sky blue */
    --glow: #ffd27a;  /* glow / underline color */
    position: relative;
    display: inline-block;
    text-decoration: none;
    font-family: 'Alex Brush', cursive;
    font-size: 26px;
    line-height: 1;
    color: var(--ink);
    padding: 0.25rem 0.5rem 0.5rem;
    transform: rotate(-2deg);
    transition: color 0.4s ease, text-shadow 0.4s ease, transform 0.3s ease;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
}

.signature:hover,
.signature:focus-visible {
    color: #b3e3f7;
    transform: rotate(-2deg) scale(1.04);
    text-shadow:
        0 0 2px  var(--glow),
        0 0 6px  var(--glow),
        0 0 14px var(--glow),
        0 0 28px rgba(255, 178, 60, 0.35);
}

.signature:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px rgba(255, 210, 122, 0.5);
    border-radius: 4px;
}

.signature__underline {
    position: absolute;
    left: 6px;
    right: 6px;
    bottom: 5px;
    width: calc(100% - 12px);
    height: 8px;
    pointer-events: none;
}

.signature__underline path {
    fill: none;
    stroke: var(--glow);
    stroke-width: 1.4;
    stroke-linecap: round;
    stroke-dasharray: 220;
    stroke-dashoffset: 220;
    opacity: 0;
    transition: stroke-dashoffset 0.6s ease, opacity 0.3s ease;
}

.signature:hover .signature__underline path,
.signature:focus-visible .signature__underline path {
    stroke-dashoffset: 0;
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    .signature,
    .signature__underline path {
        transition: none;
    }
}

/* Mobile-optimized position: stay centered under the copyright line
   and scale down slightly so it never overflows small screens. */
@media only screen and (max-width: 991px) {
    .dev-sign-footer-slot {
        justify-content: center !important;
        text-align: center !important;
    }
}

@media only screen and (max-width: 480px) {
    .signature {
        font-size: 21px;
        padding: 0.2rem 0.4rem 0.45rem;
    }
}

/* =========================================================
   ===== DEVELOPER'S SIGN: END =====
   ========================================================= */