/* Cole exatamente isto em pec-style.css ou style.css do tema */
.pec-meu-pedido {
    background-color: #d4edda !important;
    border-left: 5px solid #28a745 !important;
}
.pec-label {
    background: #28a745;
    color: white;
    font-size: 10px;
    padding: 2px 5px;
    border-radius: 3px;
    margin-right: 5px;
}
.pec-btn-blue { background-color:#007bff; color:#fff; padding:5px 10px; border:none; border-radius:4px; }
.pec-btn-yellow { background-color:#ffc107; color:#000; padding:5px 10px; border:none; border-radius:4px; }
.pec-btn-green { background-color:#28a745; color:#fff; padding:5px 10px; border:none; border-radius:4px; }
.pec-btn-blue:hover, .pec-btn-yellow:hover, .pec-btn-green:hover { opacity:0.85; cursor:pointer; }
@media (max-width:768px) {
    .pec-btn-blue, .pec-btn-yellow, .pec-btn-green { display:block; width:100%; margin-bottom:6px; }
}
/* Estilo para o aviso de 'Receber na Entrega' */
.pec-receber-na-entrega {
    display: inline-block;
    background-color: #ffc107; /* Cor de alerta (amarelo) */
    color: #000;
    font-size: 10px;
    font-weight: bold;
    padding: 3px 6px;
    border-radius: 4px;
    margin-left: 8px; /* Espaço para separar do valor */
    vertical-align: middle;
}
/* Estilos para o Modal de Endereço */
.pec-modal {
    display: none; /* Escondido por padrão */
    position: fixed; /* Fica fixo na tela */
    z-index: 1001; /* Garante que fique sobre outros elementos */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.6); /* Fundo preto semi-transparente */
}

.pec-modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* Centraliza verticalmente e horizontalmente */
    padding: 25px;
    border: 1px solid #888;
    width: 90%;
    max-width: 500px; /* Largura máxima */
    border-radius: 8px;
    position: relative;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.pec-modal-close {
    color: #aaa;
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 28px;
    font-weight: bold;
}

.pec-modal-close:hover,
.pec-modal-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.pec-modal-content h4 {
    margin-top: 0;
}

/* Deixa o nome do cliente com aparência de link */
.pec-view-address {
    cursor: pointer;
    color: #007bff;
    text-decoration: underline;
}
.pec-view-address:hover {
    color: #0056b3;
}