/*
Theme Name: ResoWire
Description: A minimal, dark theme for music releases and content, built with Tailwind CSS utilities
Author: Your Name
Version: 1.0.0
Text Domain: resowire
License: GPL v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme is built using Tailwind CSS via CDN for utility-first styling.
*/

/* 
==========================================================================
   WordPress Required Styles
==========================================================================
*/

/* Screen reader text */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* 
==========================================================================
   Custom Overrides (Minimal)
==========================================================================
*/

/* Set default font family */
body {
    font-family: "Plus Jakarta Sans", sans-serif;
}

/* Ensure images are responsive by default */
img {
    height: auto;
    max-width: 100%;
}

/* WordPress alignment classes for block editor */
.alignleft {
    float: left;
    margin-right: 1.5rem;
    margin-bottom: 1rem;
}

.alignright {
    float: right;
    margin-left: 1.5rem;
    margin-bottom: 1rem;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignwide {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    width: 100%;
}

.alignfull {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    max-width: 100vw;
    width: 100vw;
}

/* 
==========================================================================
   Print Styles
==========================================================================
*/

@media print {
    .no-print,
    .no-print * {
        display: none !important;
    }
}

/* 
==========================================================================
   Notes
==========================================================================
*/

/*
This theme relies primarily on Tailwind CSS utilities loaded via CDN.
Custom styles should be added sparingly and only when necessary.
Most styling is handled through Tailwind classes in the template files.
*/