/*
 Theme Name:   Twenty Twenty-Five Child
 Theme URI:    https://example.com/twentytwentyfive-child/
 Description:  A child theme for the Twenty Twenty-Five theme
 Author:       Michael Hawthorne
 Author URI:   https://hawthorne.za.net/
 Template:     twentytwentyfive
 Version:      1.0.0
 Text Domain:  twentytwentyfive-child
*/
/* Terminal-style styles for Twenty Twenty-Five child theme */
/* Add this to your child theme's style.css */

/* Load the local VT323 font */
@font-face {
    font-family: 'VT323';
    src: url('https://website.za.net/font/VT323-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Apply terminal aesthetics to the main content area */
body {
    background-color: #000000; /* Black background like an old CRT monitor */
    color: #00ff00; /* Bright green text */
    font-family: 'VT323', monospace; /* Use VT323 font, fallback to monospace */
    font-size: 2.2rem; /* Slightly larger for retro feel */
    line-height: 1.4;
    text-shadow: 
        0 0 5px #00ff00, 
        0 0 10px #00ff00, 
        0 0 15px #00ff00, 
        0 0 20px #00ff00, 
        0 0 35px #00ff00, 
        0 0 40px #00ff00; /* Green glow effect */
}

/* Ensure the site wrapper or main content inherits the theme */
.site {
    background-color: #000000;
    color: #00ff00;
}

/* Style headings to match terminal */
h1, h2, h3, h4, h5, h6 {
    color: #00ff00;
    text-shadow: 
        0 0 5px #00ff00, 
        0 0 10px #00ff00, 
        0 0 15px #00ff00;
    font-family: 'VT323', monospace;
    text-transform: uppercase; /* Optional: for a more command-line feel */
}

/* Paragraphs and general text */
p, li, blockquote {
    color: #00ff00;
    text-shadow: 
        0 0 3px #00ff00, 
        0 0 6px #00ff00;
}

/* Links in terminal style */
a {
    color: #00ff00;
    text-decoration: underline;
    text-shadow: inherit;
}

a:hover {
    color: #ffffff; /* Brighter on hover */
    text-shadow: 
        0 0 10px #ffffff, 
        0 0 20px #ffffff;
}

/* Navigation menu - make it look like a command prompt */
.primary-navigation a {
    color: #00ff00 !important;
    text-shadow: inherit;
    background-color: rgba(0, 0, 0, 0.8); /* Semi-transparent black for menu items */
    border: 1px solid #00ff00;
    padding: 0.5rem 1rem;
    margin: 0 0.25rem;
    border-radius: 0; /* Square edges for retro look */
}

.primary-navigation a:hover {
    background-color: rgba(0, 255, 0, 0.1);
}

/* Footer - keep it dark */
.site-footer {
    background-color: #000000;
    color: #00ff00;
    border-top: 1px solid #00ff00;
    text-shadow: inherit;
}

/* Optional: Add a subtle scanline effect for CRT vibe (using pseudo-element) */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 2px,
        rgba(0, 255, 0, 0.03) 2px,
        rgba(0, 255, 0, 0.03) 4px
    );
    pointer-events: none;
    z-index: 9999;
}

/* Ensure images and media don't break the theme too much */
img {
    filter: sepia(100%) hue-rotate(120deg) saturate(500%) brightness(80%); /* Green tint for images */
    border: 1px solid #00ff00;
    box-shadow: 0 0 10px #00ff00;
}
/* Reset styles for the site logo to prevent green tint and effects */
.site-logo img,
.custom-logo {
    filter: none !important;
    border: none !important;
    box-shadow: none !important;
}

.blink {
  -webkit-animation: blink 1s step-end infinite;
  animation: blink 1s step-end infinite;
}

@-webkit-keyframes blink {
  0%, 50% {
    opacity: 1;
  }
  51%, 100% {
    opacity: 0;
  }
}

@keyframes blink {
  0%, 50% {
    opacity: 1;
  }
  51%, 100% {
    opacity: 0;
  }
}

/* Replace default ul/li bullets with green glowing stars ★ */
/* Add this to your child theme's style.css */

ul {
    list-style: none; /* Remove default bullets */
    padding-left: 1.5em; /* Adjust indentation to match bullet width */
}

ul li {
    position: relative; /* For positioning the pseudo-element */
    padding-left: 1em; /* Space between star and text */
}

ul li::before {
    content: "★"; /* The star symbol */
    position: absolute;
    left: 0;
    top: 0;
    color: #00ff00; /* Bright green to match terminal theme */
    text-shadow: 
        0 0 3px #00ff00, 
        0 0 6px #00ff00; /* Subtle green glow for retro effect */
    font-family: 'VT323', monospace; /* Use the terminal font if desired */
    font-size: 1rem; /* Match or adjust size */
}

/* Optional: Target nested lists (ul ul) if you want stars there too */
ul ul li::before {
    content: "☆"; /* Use white star for sub-levels, or keep ★ */
    color: #00ff00;
    text-shadow: inherit;
}
.centered-list {
    /*max-width: 60%;*/ /* Adjust this percentage or set a fixed width like 400px to control how "centered" and narrow the list is */
    margin: 0 auto; /* Centers the entire list block */
    text-align: left; /* Ensures bullets and text stay left-aligned inside the block */
    /*list-style-position: outside;*/ /* Places bullets outside the text flow, aligned to the left */
    /*padding-left: 2em;*/ /* Standard left padding for bullets; adjust if your theme overrides it */
    padding-right: 0; /* Keeps right side flush */
}

.centered-list li {
    text-align: left; /* Reinforces left alignment for item text */
    /*margin-bottom: 0.5em;*/ /* Optional: Adds vertical spacing between items */
}
.slicewp-card {
    background: #000 !important;
}
.slicewp-warning {
    background-color: #000 !important;
}
.slicewp-error {
    background-color: black !important;
}
.slicewp-global-overlay .slicewp-global-overlay-inner {
    background: #121212;
}