/*
Theme Name: Mudos Kept
Theme URI: https://mudosdigital.com/
Author: Mudos Digital
Author URI: https://mudosdigital.com/
Description: A custom WordPress theme for project management and dashboard.
Version: 1.0
Requires at least: 5.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: mudos-kept
Tags: dashboard, projects, custom
*/

/* 
Note: Most styling is handled by Tailwind CSS which is loaded via CDN in header.php.
This file exists primarily for WordPress theme recognition.

However, we include some minimal fallback styles and overrides below:
*/

/* Reset margins on WordPress elements that might need it */
.wp-block-image {
    margin: 0;
}

.wp-block-gallery {
    margin: 0;
}

/* WP Admin Bar Fixes */
.admin-bar .site-header {
    top: 32px;
}

@media screen and (max-width: 782px) {
    .admin-bar .site-header {
        top: 46px;
    }
}

/* Editor Style Fixes */
.editor-styles-wrapper .block-editor-block-list__layout {
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Skip to content link accessibility */
.skip-link {
    position: absolute;
    top: -100px;
    left: 0;
    background: #000;
    color: #fff;
    padding: 10px;
    z-index: 999;
}

.skip-link:focus {
    top: 0;
}

/* Alignments from WordPress */
.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;
}

/* Basic Responsive Images */
img {
    max-width: 100%;
    height: auto;
}

/* Comment Styling */
.comment-list {
    list-style: none;
    padding: 0;
}

.comment-meta {
    margin-bottom: 1em;
}

.comment-author .avatar {
    border-radius: 50%;
    margin-right: 0.5em;
}

.comment-metadata {
    font-size: 0.8em;
    color: #666;
}

/* Screen Reader Text (for accessibility) */
.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 !important;
    width: 1px;
    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;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Print style helper */
@media print {
    .site-header, 
    .site-footer,
    .main-navigation,
    .sidebar,
    .comments-area {
        display: none !important;
    }
    
    body {
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .site-content {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* Added to your theme's CSS file */
.autocomplete-suggestions {
    border: 1px solid #ccc;
    max-height: 150px;
    overflow-y: auto;
    position: absolute; /* Required for correct positioning */
    background-color: white;
    z-index: 100; /* Ensure it appears above other content */
    width: calc(100% - 2px); /* Match input width */
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
}

.ui-autocomplete { /* jQuery UI Autocomplete default class */
     max-height: 200px;
     overflow-y: auto;
     overflow-x: hidden;
     z-index: 1000; /* Ensure it's above everything */
     border: 1px solid #ccc;
     background-color: white;
     box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
}

.ui-menu-item {
    padding: 8px 12px;
    cursor: pointer;
}

.ui-menu-item:hover {
    background-color: #f0f0f0;
}