/*
Theme Name: Integrator V2
Theme URI: https://integrator.pe/
Author: Antigravity AI
Author URI: https://integrator.pe/
Description: Tema moderno para el portal de manuales de Integrator ERP, basado en el nuevo sistema de diseño.
Version: 1.0.0
Text Domain: integrator-v2
Tags: custom-menu, featured-images, translation-ready, dark-mode, knowledge-base
*/

/* 
  Este archivo se usa principalmente para metadatos de WordPress. 
  Los estilos principales están en assets/css/main.css 
*/

/* WordPress Specific Classes */
.aligncenter {
    display: block;
    margin: 0 auto;
}

.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}

.alignright {
    float: right;
    margin: 0 0 1em 1em;
}

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

.wp-caption-text {
    text-align: center;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

/* Remove default search "X" button */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none !important;
    -webkit-appearance: none;
}

/* Sidebar & Widgets Styling */
aside.kb-sidebar {
    background: transparent !important;
    border: none !important;
}

aside.kb-sidebar .widget,
aside.kb-sidebar section,
aside.kb-sidebar div[class*="widget"] {
    margin-bottom: 1.5rem;
    padding: 1.25rem;
    background: var(--card-bg) !important; /* Fix for dark mode */
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    transition: all 0.3s;
}

/* Fix for greenish related articles widget */
.kb_article_bytype,
.widget_kb_recods_related_to_cat_widget div.kb_article_bytype {
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

.kb_article_bytype>ul>div,
.widget_kb_default_category {
    padding: 0 !important;
    border: none !important;
    margin-bottom: 0 !important;
}

.kb-sidebar .widget:hover {
    border-color: var(--green-border);
    box-shadow: var(--sh-sm);
}

.kb-sidebar .widget-title {
    font-size: 0.8rem;
    font-weight: 900;
    margin-bottom: 1.25rem;
    color: var(--text-primary);
    text-transform: uppercase;
    letter-spacing: 1.2px;
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.kb-sidebar .widget-title::before {
    content: "";
    width: 3px;
    height: 14px;
    background: var(--green);
    border-radius: 10px;
}

.kb-sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.kb-sidebar ul li {
    margin-bottom: 0.5rem;
    padding: 0;
    border: none;
}

.kb-sidebar ul li a {
    text-decoration: none;
    color: var(--text-secondary);
    font-size: 0.875rem;
    font-weight: 600;
    padding: 0.6rem 0.75rem;
    border-radius: 8px;
    display: block;
    transition: all 0.2s;
    line-height: 1.4;
    border: 1px solid transparent;
}

.kb-sidebar ul li a:hover {
    color: var(--green);
    background: var(--bg-subtle);
    border-color: var(--green-border);
    box-shadow: var(--sh-sm);
    transform: translateY(-1px);
}

/* Current page in menu */
.kb-sidebar ul li.current-menu-item a,
.kb-sidebar ul li a.active {
    color: var(--green);
    background: var(--bg-muted) !important;
    font-weight: 800;
}

/* Header z-index fix */
.nav {
    z-index: 10000 !important;
}

/* Fix for manual page sidebar spacing */
.kb-container {
    max-width: var(--max);
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .kb-container {
        display: block !important;
    }

    .kb-sidebar {
        margin-top: 3rem;
    }
}

/* Live Search Dropdown */
.search-wrap {
    z-index: 1001;
    /* Ensure parent is above other sections */
}

.live-search-results {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    right: 0;
    background: var(--card-bg);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.5);
    display: none;
    flex-direction: column;
    z-index: 9999 !important;
    overflow: visible !important;
    text-align: left;
}

.live-search-item {
    padding: 0.875rem 1.25rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    text-decoration: none;
    color: var(--text-primary);
    font-size: 0.95rem;
    font-weight: 600;
    border-bottom: 1px solid var(--border);
    transition: background 0.2s;
}

.live-search-item:last-child {
    border-bottom: none;
}

.live-search-item:hover {
    background: var(--bg-subtle);
    color: var(--green);
}

.live-search-item svg {
    color: var(--text-secondary);
    flex-shrink: 0;
}

.live-search-item:hover svg {
    color: var(--green);
}