/* ==========================================================================
   CSS IMPRESSO MÓDICO (Checkout & Minha Conta) - Tema Escuro
   ========================================================================== */

.impresso-tooltip-content,
.impresso-checkout-tooltip-content {
    visibility: hidden;
    opacity: 0;
    background-color: #783185; /* Cor primária (Roxo) */
    color: #FFF; /* Texto Branco */
    text-align: left;
    border-radius: 6px;
    padding: 15px;
    position: absolute;
    z-index: 9999;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 400;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.6); /* Sombra mais forte para fundo escuro */
    white-space: normal !important;
    transition: opacity .3s, visibility .3s;
    
    min-width: 280px;
    max-width: 340px;
    width: 25vw;
}

/* Base das setinhas dos tooltips */
.impresso-tooltip-content::after,
.impresso-checkout-tooltip-content::after {
    content: "";
    position: absolute;
    border-style: solid;
}

ul.woocommerce-shipping-methods li {
    position: relative !important;
    transition: background-color 0.2s;
}

/* Ícone de aviso no Checkout */
.impresso-checkout-icon {
    position: absolute;
    top: -2px;    
    right: 0;    
    padding: 10px;    
    color: #FFFFFF;
    font-size: 16px;
    cursor: help;
    transition: color 0.2s;
}

.impresso-checkout-icon:hover {
    color: #FFF;
}

.impresso-checkout-tooltip-content {
    bottom: 105%;    
    right: -8px;
}

/* Seta do tooltip do Checkout (Apontando para baixo, em Roxo) */
.impresso-checkout-tooltip-content::after {
    top: 100%;
    right: 20px;
    border-width: 6px;
    border-color: #783185 transparent transparent transparent;
}

ul.woocommerce-shipping-methods li:hover .impresso-checkout-tooltip-content {
    visibility: visible;
    opacity: 1;
}

/* Wrapper na Tabela Minha Conta */
.impresso-tooltip-wrapper {
    position: relative;
    display: inline-block;
    cursor: help;
}

.woocommerce-orders-table__cell .impresso-tooltip-wrapper {
    margin-left: 0px !important;
}

/* Texto do Rastreio (Strong) */
strong.impresso-tooltip-wrapper {
    color: #FFF; 
    transition: color 0.2s;
}

strong.impresso-tooltip-wrapper:hover {
    color: #783185; /* Fica roxo ao passar o mouse */
}

/* Ícone dentro da tabela Minha Conta */
.impresso-tooltip-wrapper i {
    color: #783185; 
    font-size: 14px;
    margin-left: 4px;
}

.impresso-tooltip-wrapper .impresso-tooltip-content {
    bottom: 135%;
    left: 50%;
    transform: translateX(-50%);
}

/* Seta do tooltip da Tabela Minha Conta (Apontando para baixo, em Roxo) */
.impresso-tooltip-wrapper .impresso-tooltip-content::after {
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-color: #783185 transparent transparent transparent;
}

.impresso-tooltip-wrapper:hover .impresso-tooltip-content {
    visibility: visible;
    opacity: 1;
}

/* Responsividade Mobile */
@media (max-width: 600px) {
    .impresso-tooltip-content,
    .impresso-checkout-tooltip-content {
        width: 260px;        
        min-width: auto;
        left: auto !important;
        right: -10px !important;        
        transform: none !important;    
    }

    .impresso-tooltip-content::after,
    .impresso-checkout-tooltip-content::after {
        left: auto !important;
        right: 15px !important;
    }
}