/* ==========================================================================
   ESTILOS ESPECÍFICOS PARA A CALCULADORA DE JET LAG
   ========================================================================== */

/* Localize esta parte no seu arquivo jet-lag.css */
.jet-lag-plan {
    background-color: var(--c-background);
    border-radius: var(--border-radius);
    margin-top: var(--spacing-xl);
    padding: var(--spacing-lg);
    border: 1px solid var(--c-border);
}


.jet-lag-plan .plan-title {
    font-size: 1.5rem;
    text-align: center;
    color: var(--c-primary);
    margin-bottom: var(--spacing-sm);
}

.jet-lag-plan .plan-summary {
    font-size: 1rem;
    text-align: center;
    color: var(--c-text-secondary);
    max-width: 60ch;
    margin: 0 auto var(--spacing-xl);
}

.plan-phase {
    background-color: var(--c-surface);
    border-radius: var(--border-radius);
    padding: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
    box-shadow: var(--shadow-sm);
}

.plan-phase:last-child {
    margin-bottom: 0;
}

.plan-phase .phase-title {
    font-size: 1.25rem;
    margin-top: 0;
    margin-bottom: var(--spacing-md);
    padding-bottom: var(--spacing-sm);
    border-bottom: 2px solid var(--c-border);
    display: flex;
    align-items: center;
}

/* Ícones para cada fase */
.plan-phase .phase-title::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: var(--spacing-sm);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#jet-lag-results-container .plan-phase:nth-of-type(1) .phase-title::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234A90E2'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E");
}
[data-theme="dark"] #jet-lag-results-container .plan-phase:nth-of-type(1) .phase-title::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236BB6FF'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E");
}

#jet-lag-results-container .plan-phase:nth-of-type(2) .phase-title::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234A90E2'%3E%3Cpath d='M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z'/%3E%3C/svg%3E");
}
[data-theme="dark"] #jet-lag-results-container .plan-phase:nth-of-type(2) .phase-title::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236BB6FF'%3E%3Cpath d='M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z'/%3E%3C/svg%3E");
}

#jet-lag-results-container .plan-phase:nth-of-type(3) .phase-title::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234A90E2'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
}
[data-theme="dark"] #jet-lag-results-container .plan-phase:nth-of-type(3) .phase-title::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236BB6FF'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
}

.plan-steps {
    list-style-type: none;
    padding-left: 0;
}

.plan-steps li {
    padding-left: 2rem;
    position: relative;
    margin-bottom: var(--spacing-sm);
    line-height: 1.6;
}

.plan-steps li::before {
    content: '✓';
    color: var(--c-success);
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.2rem;
}