/* ============================================================
   orcamentos.css — página de finalização do orçamento
   ============================================================ */

.orcamentos-wrapper {
    max-width: 960px;
    margin: 48px auto 80px;
    padding: 0 24px;
}

.orcamentos-header {
    border-bottom: 2px solid #111;
    padding-bottom: 16px;
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.orcamentos-titulo {
    font-family: 'Raleway', sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin: 0 !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

/* Lista de produtos no carrinho */
.orcamentos-body {
    font-family: 'Raleway', sans-serif;
}

#carrinho_orcamento h3 {
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.produto-car {
    padding: 16px 0;
    border-bottom: 1px solid #e0e0e0;
}

/* A linha do produto usa o .row do Bootstrap — só precisamos garantir o alinhamento */
.produto-car .row {
    align-items: center;
}

/* Coluna da imagem + nome: flex para ficarem lado a lado */
.produto-car .col-sm-6.xx {
    display: flex;
    align-items: center;
    gap: 12px;
}

.imagem-car {
    flex-shrink: 0;
}

.imagem-car img {
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 4px;
    display: block;
}

.descricao-car {
    flex: 1;
    min-width: 0;
}

.descricao-car a {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #111;
    text-decoration: none;
    display: block;
    word-break: break-word;
}
.descricao-car a:hover { text-decoration: underline; }

.quantidade.form-control {
    max-width: 80px;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    text-align: center;
}

.excluir button {
    background: none;
    border: none;
    color: #e53e3e;
    font-size: 18px;
    cursor: pointer;
    transition: color 0.2s;
}
.excluir button:hover { color: #c53030; }

/* Formulário de dados do cliente */
#carrinho_orcamento .form-group label {
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    margin-bottom: 4px;
}
#carrinho_orcamento .form-group label span {
    color: #e53e3e;
}
#carrinho_orcamento .form-control {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    border-radius: 2px;
    border-color: #d0d0d0;
}
#carrinho_orcamento .form-control:focus {
    border-color: #111;
    box-shadow: 0 0 0 2px rgba(0,0,0,0.08);
}

#carrinho_orcamento h3.mt-4,
#carrinho_orcamento h3 {
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #111;
    margin: 24px 0 16px;
}

/* Botão de envio */
#carrinho_orcamento .btn-lg {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.04em;
    border-radius: 50px;
    padding: 14px 32px;
}

/* Link "adicionar mais produtos" */
#carrinho_orcamento .btn:not(.btn-lg) {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    color: #e07b39;
    text-decoration: none;
}
#carrinho_orcamento .btn:not(.btn-lg):hover { text-decoration: underline; }

/* Estado vazio */
.vazio h2 {
    font-family: 'Raleway', sans-serif !important;
    color: #333 !important;
    font-size: 22px !important;
    font-weight: 600 !important;
}

/* Responsivo */
@media (max-width: 600px) {
    .orcamentos-wrapper { margin-top: 28px; }
    .orcamentos-titulo { font-size: 20px !important; }
}

/* ============================================================
   Override do modal #resposta_orcamento injetado pelo plugin
   ============================================================ */
#resposta_orcamento .produto-car .row {
    align-items: center;
}

/* Garante flex na coluna imagem+nome dentro do modal */
#resposta_orcamento .produto-car .col-sm-6.xx,
#resposta_orcamento .produto-car .col-12.xx {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

#resposta_orcamento .imagem-car {
    flex-shrink: 0 !important;
    display: block !important;
}

#resposta_orcamento .imagem-car img {
    width: 72px !important;
    height: 72px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
    margin: 0 !important;
    position: static !important;
    display: block !important;
}

#resposta_orcamento .descricao-car {
    flex: 1 !important;
    min-width: 0 !important;
    display: block !important;
    vertical-align: unset !important;
}

#resposta_orcamento .descricao-car a,
#resposta_orcamento .descricao-car p {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #111;
    word-break: break-word;
    position: static !important;
    display: block !important;
}