/*
Theme Name: PAHI Blog
Theme URI: https://blog.pahicare.com
Author: Animalystix Technology Private Limited
Author URI: https://pahicare.com
Description: The official blog theme for PAHI by Animalystix — matches the PAHI product site's visual identity (purple #6e1dbf / teal #2d9a9a, Oswald + Fredoka + Inter, rounded-[2.5rem] cards). Built for pet care, pet tech, and PAHI/Dotty AI product updates.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pahi-blog
Tags: blog, custom-colors, custom-menu, featured-images, translation-ready, threaded-comments

This theme, like the pahicare.com main site, uses the Tailwind CDN build
plus a small amount of hand-written CSS below for anything Tailwind's
utility classes can't reach (WP core classes, the editor's default
markup, etc). See functions.php for how Tailwind/fonts/icons are
enqueued.
*/

:root {
    --pahi-purple: #6e1dbf;
    --pahi-teal: #2d9a9a;
}

body {
    font-family: 'Inter', sans-serif;
    overflow-x: hidden;
}

h1, h2, h3, .oswald {
    font-family: 'Oswald', sans-serif;
}

.fredoka {
    font-family: 'Fredoka', sans-serif;
}

.hero-container {
    background: #f4f7f2;
    background: radial-gradient(circle at top right, rgba(110, 29, 191, 0.07) 0%, #f4f7f2 70%);
}

.pahi-purple { background-color: var(--pahi-purple); }
.pahi-teal { background-color: var(--pahi-teal); }

.grad-text {
    background: linear-gradient(135deg, #6e1dbf 0%, #2d9a9a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#mobile-menu { max-height: 0; overflow: hidden; transition: max-height 0.35s ease; }
#mobile-menu.open { max-height: 26rem; }
#menu-icon-open.hidden-icon, #menu-icon-close.hidden-icon { display: none; }

/* ---- WordPress core / editor-generated markup ---- */
.alignleft { float: left; margin: 0.4em 1.5em 1em 0; }
.alignright { float: right; margin: 0.4em 0 1em 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 0.8rem; color: #64748b; text-align: center; margin-top: 0.5rem; }
.screen-reader-text { position: absolute !important; clip: rect(1px,1px,1px,1px); word-wrap: normal !important; height: 1px; width: 1px; overflow: hidden; }

/* ---- Post content (the loop / single post body) ---- */
.pahi-content { color: #475569; line-height: 1.8; font-size: 1.05rem; }
.pahi-content > * + * { margin-top: 1.4em; }
.pahi-content h2 { font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 0.02em; color: #1e3a8a; font-size: 1.5rem; margin-top: 2.2em; }
.pahi-content h3 { font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 0.02em; color: #1e3a8a; font-size: 1.15rem; margin-top: 1.8em; }
.pahi-content a { color: var(--pahi-purple); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.pahi-content ul { list-style: disc; padding-left: 1.4em; }
.pahi-content ol { list-style: decimal; padding-left: 1.4em; }
.pahi-content li + li { margin-top: 0.4em; }
.pahi-content blockquote { border-left: 4px solid var(--pahi-teal); background: #f8fafc; border-radius: 0 1.25rem 1.25rem 0; padding: 1.25rem 1.5rem; font-style: italic; color: #334155; }
.pahi-content img { border-radius: 1.75rem; }
.pahi-content code { background: #f1f5f9; padding: 0.15em 0.4em; border-radius: 0.4em; font-size: 0.9em; }
.pahi-content pre { background: #0f172a; color: #e2e8f0; padding: 1.25rem; border-radius: 1.25rem; overflow-x: auto; }
.pahi-content pre code { background: none; padding: 0; }
.pahi-content table { width: 100%; border-collapse: collapse; }
.pahi-content th, .pahi-content td { border: 1px solid #e2e8f0; padding: 0.6em 0.9em; text-align: left; }
.pahi-content th { background: #f8fafc; font-weight: 700; }

/* ---- Pagination ---- */
.pahi-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 2.5rem; height: 2.5rem; padding: 0 0.75rem; border-radius: 0.75rem; font-weight: 700; font-size: 0.85rem; color: #475569; background: #f8fafc; border: 1px solid #e2e8f0; }
.pahi-pagination .page-numbers.current { background: var(--pahi-purple); color: #fff; border-color: var(--pahi-purple); }
.pahi-pagination .page-numbers:hover:not(.current) { border-color: var(--pahi-purple); color: var(--pahi-purple); }

/* ---- Comments ---- */
.comment-body { border-bottom: 1px solid #f1f5f9; padding-bottom: 1.5rem; }
.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond input[type="url"],
.comment-respond textarea {
    width: 100%; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 0.85rem;
    padding: 0.75rem 1rem; font-size: 0.9rem; font-weight: 500; outline: none; transition: border-color .2s;
}
.comment-respond input:focus, .comment-respond textarea:focus { border-color: var(--pahi-purple); }