/*
Theme Name:   MrNiche Autoblogger
Theme URI:    https://mrnicheautoblogger.com
Author:       AI Autoblogger LLC
Description:  Brand-led site theme for MrNiche Autoblogger — co-equal sales surface alongside wpaiautoblogger.com. Block-based (FSE), character-led, optimised for brand and social-funnel conversion. Sells MrNiche Autoblogger Pro via Freemius checkout integration.
Version:      0.1.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
License:      GPL-2.0-or-later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  mrnicheautoblogger
Tags:         block-theme, full-site-editing, one-column, two-columns, wide-blocks, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, translation-ready
*/

/* Global styles live in theme.json. This file is for CSS that
   theme.json can't express (scroll behavior, focus rings, image helpers). */

html { scroll-behavior: smooth; }

:where(a, button, input, textarea, select):focus-visible {
    outline: 2px solid var(--wp--preset--color--primary);
    outline-offset: 2px;
    border-radius: 4px;
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}

/* Header logo (rendered via [mnab_logo] in parts/header.html) */
.mnab-site-logo-link { display: inline-flex; align-items: center; gap: 0.6rem; line-height: 1; text-decoration: none; }
.mnab-site-logo-link:hover { text-decoration: none; }
.mnab-site-logo { height: 40px !important; max-height: 40px; width: auto !important; display: block; }
.mnab-site-logo-text { font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: 1.15rem; letter-spacing: -0.02em; color: var(--wp--preset--color--foreground); }
@media (max-width: 600px) {
    .mnab-site-logo { height: 34px; }
    .mnab-site-logo-text { font-size: 1rem; }
}

/* Mascot showcase blocks */
.mnab-mascot-hero { display: block; max-width: 360px; width: 100%; height: auto; margin: 0 auto; }
.mnab-mascot-card { display: block; max-width: 220px; width: 100%; height: auto; margin: 0 auto; }
.mnab-mascot-full { display: block; max-width: 520px; width: 100%; height: auto; margin: 0 auto; }

/* Pricing card hover */
.mnab-pricing-card { transition: transform 0.18s ease, box-shadow 0.18s ease; }
.mnab-pricing-card:hover { transform: translateY(-3px); box-shadow: 0 14px 28px -10px rgba(15,23,42,0.12); }

/* Blog post card — same hover treatment, plus image scale on hover */
.mnab-post-card { transition: transform 0.18s ease, box-shadow 0.18s ease; }
.mnab-post-card:hover { transform: translateY(-3px); box-shadow: 0 14px 28px -10px rgba(15,23,42,0.12); }
.mnab-post-card .wp-block-post-featured-image { overflow: hidden; }
.mnab-post-card .wp-block-post-featured-image img { transition: transform 0.32s ease; display: block; width: 100%; height: auto; }
.mnab-post-card:hover .wp-block-post-featured-image img { transform: scale(1.03); }
.mnab-post-card .wp-block-post-title a { color: var(--wp--preset--color--foreground); text-decoration: none; }
.mnab-post-card .wp-block-post-title a:hover { color: var(--wp--preset--color--primary); }

/* "Featured" plan ribbon (Triple) */
.mnab-plan-featured { position: relative; }
.mnab-plan-featured::before {
    content: "Most popular";
    position: absolute;
    top: -0.85rem;
    left: 50%;
    transform: translateX(-50%);
    background: var(--wp--preset--color--accent);
    color: var(--wp--preset--color--foreground);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 0.25rem 0.7rem;
    border-radius: 999px;
    white-space: nowrap;
}

/* Sticky bottom CTA — appears after scroll, dismissable */
.mnab-sticky-cta {
    position: fixed;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 90;
    display: none;
    align-items: center;
    gap: 0.75rem;
    background: var(--wp--preset--color--foreground);
    color: #fff;
    padding: 0.7rem 0.85rem 0.7rem 1.1rem;
    border-radius: 999px;
    box-shadow: 0 10px 30px -10px rgba(15,23,42,0.4);
    font-size: 0.92rem;
    max-width: 92vw;
}
.mnab-sticky-cta.is-visible { display: inline-flex; }
.mnab-sticky-cta a {
    color: var(--wp--preset--color--accent);
    font-weight: 600;
    text-decoration: none;
}
.mnab-sticky-cta a:hover { text-decoration: underline; }
.mnab-sticky-cta-close {
    background: rgba(255,255,255,0.12);
    border: none;
    color: #fff;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
    margin-left: 0.25rem;
}
.mnab-sticky-cta-close:hover { background: rgba(255,255,255,0.2); }