/*
Theme Name: Trading Lab
Theme URI: https://tradingl.com
Author: System Architect
Description: High-performance theme for Financial Intelligence and SEO/LLMO optimization.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: trading-lab
*/

/* Reset e stili base non gestiti da Tailwind */
html { scroll-behavior: smooth; }
.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }

:root {
    --background: #0b0f19;
    --surface-container: #152031;
    --surface-container-low: #111c2d;
    --surface-container-high: #1f2a3c;
    --surface-container-lowest: #040e1f;
    --on-surface: #d8e3fb;
    --on-surface-variant: #c2c6d6;
    --primary: #3b82f6;
    --secondary: #10b981;
    --primary-container: #1e3a8a;
    --error: #ffb4ab;
}

/* Reset globale */
html, body {
    background-color: var(--background) !important;
    color: var(--on-surface);
    margin: 0;
    padding: 0;
}

/* Rimuove i vincoli di larghezza di WordPress per la Home Page */
.home .entry-content, 
.home .post-inner {
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Assicura che i blocchi HTML non abbiano margini parassiti */
.entry-content > .wp-block-html {
    margin: 0;
    padding: 0;
}

/* Correzione per menu WordPress mobile */
#mobile-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

#mobile-menu li a {
    color: #9ca3af; /* gray-400 */
    text-decoration: none;
    font-size: 1.125rem;
    font-weight: 500;
}

#mobile-menu li a:hover {
    color: #ffffff;
}



/* 2. Rendi il background trasparente per i contenitori di WP che potrebbero essere bianchi */
#page, #content, #primary, main {
    background-color: transparent !important;
}

/* Styling per Widget standard di WordPress */
.widget {
	color: #ffffff !important; /* Forza il bianco */
}

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

.widget ul li {
    padding: 10px 0;
    border-bottom: 1px solid #1e293b;
    font-size: 0.875rem;
    color: #c2c6d6; /* on-surface-variant */
}

.widget ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.widget ul li a {
    color: #c2c6d6;
    text-decoration: none;
    transition: color 0.2s ease;
}

.widget ul li a:hover {
    color: #3b82f6; /* primary */
}



/* Applica a tutto il blocco ricerca */
.wp-block-search, 
.widget_search, 
.wp-block-search__label, 
.wp-block-search__input, 
.wp-block-search__button {
    font-family: 'Inter', sans-serif !important;
    color: #ffffff !important; /* Forza tutto in bianco */
}

/* Fix specifico per l'input (dove scrivi) */
input.wp-block-search__input, 
.widget_search input.search-field {
    background-color: #040e1f !important;
    border: 1px solid #1e293b !important;
    color: #ffffff !important; /* Testo che scrivi: BIANCO */
    padding: 10px 12px !important;
    width: 100% !important;
    border-radius: 4px !important;
}

/* Fix per l'etichetta "Search" */
.wp-block-search__label, 
.widget_search label {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    display: block !important;
    margin-bottom: 8px !important;
}

/* Fix per il bottone */
.wp-block-search__button, 
.widget_search .search-submit {
    background-color: #3b82f6 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    border: none !important;
    padding: 10px 20px !important;
}

/* Placeholder (testo grigio nel box vuoto) */
.wp-block-search__input::placeholder {
    color: #6b7280 !important;
}

/* --- TRADING LAB BREADCRUMBS STYLING --- */

.trading-lab-breadcrumbs {
    display: block;
}

/* Link del breadcrumb */
.trading-lab-breadcrumbs a {
    color: #3b82f6; /* primary blue */
    text-decoration: none;
    transition: color 0.2s ease;
}

.trading-lab-breadcrumbs a:hover {
    color: #ffffff;
}

/* Separatore e testo corrente */
.trading-lab-breadcrumbs span, 
.trading-lab-breadcrumbs p {
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

/* Ultimo elemento (pagina corrente) */
.trading-lab-breadcrumbs .last {
    color: #c2c6d6; /* on-surface-variant */
    pointer-events: none;
}

/* Icona separatore (se configurata in Rank Math come carattere) */
.trading-lab-breadcrumbs .separator {
    color: #1e293b;
    font-size: 12px;
}