/*
Theme Name: GoRankilla
Theme URI: https://gorankilla.com
Author: Totaliweb
Author URI: https://totaliweb.it
Description: Professional SaaS theme for GoRankilla - SEO Rank Tracker with Google AI Mode monitoring. Clean, modern, and fully responsive design built with Tailwind CSS.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gorankilla
Domain Path: /languages
Tags: one-column, two-columns, custom-colors, custom-menu, featured-images, threaded-comments, translation-ready

GoRankilla WordPress Theme, Copyright 2024 Totaliweb
GoRankilla is distributed under the terms of the GNU GPL v2 or later.

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

/*
 * Tailwind CSS is loaded via CDN in functions.php
 * For production: compile with npx tailwindcss -i ./style.css -o ./assets/css/compiled.css --minify
 */

/* Font Family */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

/* Custom animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in-up {
    animation: fadeInUp 0.6s ease-out forwards;
}

@keyframes slideInFromRight {
    from {
        opacity: 0;
        transform: translateX(30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.slide-in-right {
    animation: slideInFromRight 0.8s ease-out forwards;
}

/* Custom utilities */
.text-balance {
    text-wrap: balance;
}

/* Focus visible improvements */
*:focus-visible {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* ============================================
   WordPress Standard CSS Classes
   ============================================ */

/* Alignment Classes */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5rem;
    margin-bottom: 1rem;
}

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

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
}

/* Caption Classes */
.wp-caption {
    max-width: 100%;
    margin-bottom: 1.5rem;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}

.wp-caption-text {
    text-align: center;
    font-size: 0.875rem;
    color: #64748b;
    padding: 0.5rem 0;
    font-style: italic;
}

/* Gallery Caption */
.gallery-caption {
    display: block;
    text-align: center;
    font-size: 0.875rem;
    color: #64748b;
    padding: 0.5rem 0;
}

/* Sticky Post */
.sticky {
    position: relative;
}

.sticky::before {
    content: "📌";
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    font-size: 1.5rem;
}

/* Post Author Highlight */
.bypostauthor {
    background-color: #f8fafc;
    border-left: 3px solid #3b82f6;
    padding-left: 1rem;
}

/* 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;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f5f9;
    border-radius: 0.25rem;
    box-shadow: 0 0 0.125rem 0.125rem rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #1e293b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 0.3125rem;
    line-height: normal;
    padding: 0.9375rem 1.4375rem 0.875rem;
    text-decoration: none;
    top: 0.3125rem;
    width: auto;
    z-index: 100000;
}