/*
Theme Name: Keyword Rankers
Theme URI: https://keywordrankers.com
Author: Keyword Rankers Team
Author URI: https://keywordrankers.com
Description: Professional Content Marketing & SEO WordPress Theme with clean design and powerful features. Built for marketing agencies, SEO companies, and content creators. Features include custom page templates, ACF Pro integration, responsive design, and optimized for performance.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: keyword-rankers
Tags: business, marketing, seo, blog, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-width-template, one-column, two-columns, three-columns, right-sidebar, sticky-post, theme-options, threaded-comments, translation-ready
*/

/*
 * Table of Contents
 * -----------------
 * 1. Theme Custom Styles
 * 2. WordPress Core Overrides
 * 3. Accessibility
 * 4. Responsive Utilities
 */

/* ==========================================================================
   1. Theme Custom Styles
   ========================================================================== */

:root {
    --primary-color: #0E0E0E;
    --secondary-color: #F5F5F5;
    --accent-color: #3B82F6;
    --text-color: #333333;
    --text-light: #666666;
    --border-color: #E5E5E5;
    --font-primary: 'Urbanist', sans-serif;
}

body {
    font-family: var(--font-primary);
}

/* Additional custom styles will be loaded from assets/css/style.css */

/* ==========================================================================
   2. WordPress Core Overrides
   ========================================================================== */

.alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

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

.wp-caption {
    max-width: 100%;
}

.wp-caption-text {
    text-align: center;
    font-size: 0.9em;
    color: var(--text-light);
    margin-top: 0.5em;
}

.sticky {
    /* Styles for sticky posts */
}

.bypostauthor {
    /* Styles for post author */
}

/* Gallery */
.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    padding: 0.5em;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

/* ==========================================================================
   3. Accessibility
   ========================================================================== */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* ==========================================================================
   4. Responsive Utilities
   ========================================================================== */

@media (max-width: 768px) {
    .hide-mobile {
        display: none !important;
    }
}

@media (min-width: 769px) {
    .hide-desktop {
        display: none !important;
    }
}