/*
Theme Name: DeleteInstagram
Theme URI: https://deleteinstagram.com
Author: DeleteInstagram.com
Author URI: https://deleteinstagram.com
Description: A fast, SEO-first WordPress theme for Instagram help-center content — guides, categories, breadcrumbs, and JSON-LD built in, styled with Tailwind (CDN) and Alpine.js. No page builder or premium plugin required.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: deleteinstagram
Tags: blog, news, one-column, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, accessibility-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
*/

/* Tailwind (loaded via CDN in inc/enqueue.php) handles almost all visual
   styling. This file only carries what Tailwind's CDN mode can't: WP-core
   alignment classes, screen-reader text, and the small set of typographic
   rules the block editor and post content need outside of utility classes. */

.font-display { font-family: 'Space Grotesk', sans-serif; }
body { font-family: 'Inter', sans-serif; }
h1, h2, h3, h4, .font-display { font-family: 'Space Grotesk', sans-serif; }

.prose-guide :is(h2, h3) { font-family: 'Space Grotesk', sans-serif; scroll-margin-top: 6rem; font-weight: 700; }
.prose-guide h2 { font-size: 1.5rem; margin-top: 2.5rem; margin-bottom: 1rem; }
.prose-guide h3 { font-size: 1.2rem; margin-top: 2rem; margin-bottom: 0.75rem; }
.prose-guide p { line-height: 1.8; margin-bottom: 1.25rem; }
.prose-guide ul, .prose-guide ol { line-height: 1.8; margin-bottom: 1.25rem; padding-left: 1.5rem; }
.prose-guide ul { list-style: disc; }
.prose-guide ol { list-style: decimal; }
.prose-guide li { margin-bottom: 0.4rem; }
.prose-guide a { color: #e11d48; text-decoration: underline; text-underline-offset: 2px; }
.prose-guide img { border-radius: 0.75rem; margin: 1.5rem 0; }
.prose-guide strong { font-weight: 600; }
.prose-guide blockquote { border-left: 3px solid #e11d48; padding-left: 1rem; font-style: italic; color: inherit; opacity: 0.85; margin: 1.5rem 0; }

/* WordPress core alignment classes (required for block/editor compatibility) */
.alignleft { float: left; margin-right: 1.5rem; }
.alignright { float: right; margin-left: 1.5rem; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 0.85rem; opacity: 0.7; margin-top: 0.4rem; }

/* Accessibility: visually-hidden but screen-reader/focus visible */
.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;
    width: 1px; word-wrap: normal !important;
}
.screen-reader-text:focus {
    background-color: #fff; border-radius: 0.375rem; box-shadow: 0 0 2px 2px rgba(0,0,0,.4);
    clip: auto !important; clip-path: none; color: #111; display: block;
    font-size: 0.875rem; font-weight: 600; height: auto; left: 5px; line-height: normal;
    padding: 0.75rem 1rem; text-decoration: none; top: 5px; width: auto; z-index: 100000;
}

@media (prefers-reduced-motion: reduce) {
    * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}