/*!
Theme Name: archivos
Theme URI: https://archivossecretos.cl
Description: Tema hecho con Tailwind
Version: 0.1.0
Author: Gonzalo Mendoza
Author URI: https://cosmonauta.cl
Text Domain: tema-archivos
Requires at least: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

archivos is based on _tw https://underscoretw.com/, (C) 2021-2026 Greg Sullivan
_tw is distributed under the terms of the GNU GPL v2 or later.

_tw is based on Underscores https://underscores.me/ and Varia https://github.com/Automattic/themes/tree/master/varia, (C) 2012-2026 Automattic, Inc.
Underscores and Varia are distributed under the terms of the GNU GPL v2 or later.
*/

/* Custom scrollbar matching the dark theme */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #080808;
}

::-webkit-scrollbar-thumb {
    background: #262626;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #8e2424;
}

/* Scanline effect for document aesthetics */
.scanlines {
    background: linear-gradient(rgba(18, 16, 16, 0) 50%,
            rgba(0, 0, 0, 0.25) 50%);
    background-size: 100% 4px;
    z-index: 20;
}

/* Redacted text animation */
.redacted {
    background-color: #000;
    color: transparent;
    transition: background-color 0.4s ease, color 0.4s ease;
    cursor: pointer;
    user-select: none;
    padding: 0px 4px;
}

.redacted:hover {
    background-color: rgba(179, 9, 9, 0.897);
    color: #f5f5f5;
    user-select: auto;
}

/* Stamp rotate effect */
.stamp-classified {
    transform: rotate(-12deg);
    border: 4px double #8e2424;
    color: #8e2424;
    text-shadow: 0 0 1px rgba(142, 36, 36, 0.3);
}

.stamp-declassified {
    transform: rotate(8deg);
    border: 4px double #15803d;
    color: #15803d;
    text-shadow: 0 0 1px rgba(21, 128, 61, 0.3);
}

/* Custom paper noise */
.paper-noise {
    background-image: radial-gradient(rgba(255, 255, 255, 0.15) 1px, transparent 0),
        radial-gradient(rgba(0, 0, 0, 0.3) 1px, transparent 0);
    background-size: 8px 8px;
    background-position: 0 0, 4px 4px;
}
        /* Custom scrollbar matching the dark theme */
        ::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }

        ::-webkit-scrollbar-track {
            background: #080808;
        }

        ::-webkit-scrollbar-thumb {
            background: #262626;
            border-radius: 3px;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: #8e2424;
        }

        /* Scanline effect for document aesthetics */
        .scanlines {
            background: linear-gradient(rgba(18, 16, 16, 0) 50%,
                    rgba(0, 0, 0, 0.25) 50%);
            background-size: 100% 4px;
            z-index: 20;
        }

        /* Redacted text animation */
        .redacted {
            background-color: #000;
            color: transparent;
            transition: background-color 0.4s ease, color 0.4s ease;
            cursor: pointer;
            user-select: none;
            padding: 0px 4px;
        }

        .redacted:hover {
            background-color: rgba(179, 9, 9, 0.897);
            color: #f5f5f5;
            user-select: auto;
        }

        /* Stamp rotate effect */
        .stamp-classified {
            transform: rotate(-12deg);
            border: 4px double #8e2424;
            color: #8e2424;
            text-shadow: 0 0 1px rgba(142, 36, 36, 0.3);
        }

        .stamp-declassified {
            transform: rotate(8deg);
            border: 4px double #15803d;
            color: #15803d;
            text-shadow: 0 0 1px rgba(21, 128, 61, 0.3);
        }

        /* Custom paper noise */
        .paper-noise {
            background-image: radial-gradient(rgba(255, 255, 255, 0.15) 1px, transparent 0),
                radial-gradient(rgba(0, 0, 0, 0.3) 1px, transparent 0);
            background-size: 8px 8px;
            background-position: 0 0, 4px 4px;
        }