/*
Theme Name: TailPress Child
Theme URI: https://github.com/tailpress/tailpress
Author: Stack Media Design
Author URI: https://smd.stackmediavps2.com
Description: Child theme of TailPress - Tailwind CSS powered WordPress theme with Alpine.js
Template: tailpress
Version: 1.0.0
License: MIT
License URI: https://opensource.org/licenses/MIT
Text Domain: tailpress-child
*/

/* Prevent Alpine.js x-cloak elements from flashing before JS initialises */
[x-cloak] { display: none !important; }

body { background-color: #f8fafc; }

abbr { text-decoration: none; }

@media (max-width: 781px) {
    #site-header { background: #fff; }
    #site-header a,
    #site-header span,
    #site-header abbr { color: #202020; }
    #site-header svg { fill: #0373ba; }
}

/* Sticky header: always fixed at the top; showing/hiding is a transform
   slide, the only thing that ever transitions — no padding, color, or
   shadow changes. Same "always mounted, animate one property" approach as
   the accordion height animation, so it can transition smoothly.
   Only applied when the .sticky-header class is present — pages that pass
   disable_sticky_header render a plain, normally-flowing header instead. */
.sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    transform: translateY(0);
    transition: transform 0.3s ease;
}
.sticky-header.is-hidden {
    transform: translateY(-100%);
}

.header-inner {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0.75rem 0.5rem;
}
@media (min-width: 1200px) {
    .header-inner { padding: 1rem 2.5rem; }
}