/* 
 * Large Trader Demo - Custom Styles
 * Colori del brand Large Trader
 */

/* Variabili CSS per i colori del brand */
:root {
    --large-trader-blue: #6A9EDF;
    --large-trader-dark: #333333;
}

/* Stili per il brand name */
.navbar-brand {
    font-weight: bold;
}

.navbar-brand .large {
    color: var(--large-trader-dark);
}

.navbar-brand .trader {
    color: var(--large-trader-blue);
}

/* Header bianco con shadow */
header {
    background-color: white !important;
    color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

header h1 {
    color: white !important;
}

/* Footer con colore brand dark */
footer {
    background-color: var(--large-trader-dark) !important;
}

/* Bottoni primari con colore brand blue */
.btn-primary {
    background-color: var(--large-trader-blue);
    border-color: var(--large-trader-blue);
}

.btn-primary:hover {
    background-color: #5a8dcf;
    border-color: #5a8dcf;
}

/* Link con colore brand blue */
a {
    color: var(--large-trader-blue);
}

a:hover {
    color: #5a8dcf;
}

/* Titoli con colore brand dark */
h2 {
    color: var(--large-trader-dark);
}

h3 {
    color: var(--large-trader-dark);
}

h4 {
    color: var(--large-trader-dark);
}

/* Stili per la pagina Codice Opzioni */
.codice-opzioni-title {
    color: #194a81;
    font-weight: bold;
}

.codice-opzioni-heading {
    color: #194a81;
    text-decoration: underline;
}

.codice-opzioni-table th,
.codice-opzioni-table td {
    border-color: #cfd6dc; /* bordi chiari come nello screenshot */
}

.price-edit .btn-edit {
    border: 1px solid #cfd6dc;
    background-color: #ffffff;
    color: #194a81;
}

.price-edit .btn-edit:hover {
    background-color: #f2f4f6;
}

.ibkr-button {
    background-color: #0b6ffd;
    border-color: #0b6ffd;
    color: white;
}

.ibkr-button:hover {
    background-color: #0a5ee8;
    border-color: #0a5ee8;
    color: white;
}

.codice-opzioni-tab {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #dde2e5; /* linea continua sotto le tab */
    justify-content: flex-start; /* testi allineati a sinistra */
}

.codice-opzioni-tab .nav-item { /* larghezza auto, non distribuita */ }

.codice-opzioni-tab .nav-link {
    background-color: transparent;
    color: #194a81;
    border: none;
    border-radius: 8px 8px 0 0; /* angoli arrotondati solo in alto */
    padding: .75rem 1rem;
}

.codice-opzioni-tab .nav-link.active {
    color: #495058;
    background-color: #ffffff;
    border: 1px solid #dde2e5; /* bordo su tre lati */
    border-bottom-color: #ffffff; /* nasconde la linea inferiore sotto la tab attiva */
    margin-bottom: -1px; /* sovrappone la tab alla linea di base */
}

.btn-portafoglio {
    background-color: #0071ff;
    border-color: #0071ff;
    color: white;
}

.btn-portafoglio:hover {
    background-color: #0059cc;
    border-color: #0059cc;
    color: white;
}