/* Ajustes próprios da reconstrução (sem CMS) */

/* Esconde o cabeçalho interno da descrição do produto (igual ao original) */
.catalog-header { display: none; }

/* Barra de cookies */
#cookie-bar {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    background: #d1d1d1;
    color: #333333;
    padding: 12px 20px;
    z-index: 99999;
    text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    line-height: 1.5;
    box-shadow: 0 0 6px rgba(0,0,0,0.35);
}
#cookie-bar .cookie-bar-head { margin: 0 0 4px; font-size: 14px; font-weight: bold; }
#cookie-bar .cookie-bar-message { display: inline-block; max-width: 800px; }
#cookie-bar .cookie-bar-link { display: block; color: #333333; margin: 4px 0; }
#cookie-bar .cookie-bar-btns { margin-top: 6px; }
#cookie-bar .cookie-btn {
    background: #61a229;
    color: #fff;
    padding: 6px 18px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
}
#cookie-bar .cookie-btn:hover { background: #4e8221; }

/* Mensagens de formulário */
.form-success, .form-error {
    padding: 10px 14px;
    margin: 0 0 12px;
    border-radius: 4px;
    font-size: 14px;
}
.form-success { background: #e3f2d6; border: 1px solid #61a229; color: #34600f; }
.form-error   { background: #fbe3e1; border: 1px solid #e2341d; color: #8a2117; }

/* Campos obrigatórios (*) em vermelho, como no original */
.lf-form .req { color: #e2341d; margin-left: 2px; }

/* ---------------------------------------------------------------
   Formulários de Contato / Orçamento
   --------------------------------------------------------------- */
.lf-form {
    width: 100%;
    max-width: 720px;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    color: #333333;
}
.lf-form-note {
    margin: 0 0 14px;
    font-size: 12px;
    color: #666666;
}

/* Grade: 2 colunas em telas largas, 1 coluna no mobile */
.lf-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 20px;
    margin-bottom: 18px;
}
.lf-field { display: flex; flex-direction: column; min-width: 0; }
.lf-field--full { grid-column: 1 / -1; }

.lf-field > label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 13px;
    line-height: 1.3;
    color: #333333;
}
/* theme.css aplica uppercase/negrito em input, select e textarea: anulado aqui */
.lf-form input,
.lf-form select,
.lf-form textarea {
    text-transform: none;
    font-weight: normal;
    vertical-align: baseline;
}
.lf-form input[type="text"],
.lf-form input[type="email"],
.lf-form input[type="tel"],
.lf-form select,
.lf-form textarea {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 9px 10px;
    border: 1px solid #c7c7c7;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: none;
    font-family: inherit;
    font-size: 13px;
    line-height: 1.4;
    color: #333333;
}
.lf-form textarea { min-height: 130px; resize: vertical; }
.lf-form select { height: 38px; }
.lf-form input[type="text"]:focus,
.lf-form input[type="email"]:focus,
.lf-form input[type="tel"]:focus,
.lf-form select:focus,
.lf-form textarea:focus {
    outline: none;
    border-color: #61a229;
    box-shadow: 0 0 0 2px rgba(97, 162, 41, 0.18);
}

/* Blocos com checkbox (orçamento) */
.lf-check {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    background: #f5f5f5;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
}
.lf-check input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 0;
    flex: none;
}
.lf-check label {
    margin: 0;
    font-weight: bold;
    cursor: pointer;
}

/* CAPTCHA */
.lf-captcha {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: #f5f5f5;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
}
.lf-captcha-img { display: flex; align-items: center; gap: 6px; }
.lf-captcha-img img.captcha { display: block; border: 1px solid #d5d5d5; border-radius: 3px; }
.lf-captcha-code { display: flex; flex-direction: column; }
.lf-captcha-code label { margin-bottom: 5px; font-weight: bold; }
.lf-captcha-code input[type="text"] { width: 110px; }

/* Botão enviar */
.lf-form-actions { margin-top: 4px; }
.lf-form .lf-submit {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 11px 34px;
    border: none;
    border-radius: 4px;
    background: #61a229;
    box-shadow: none;
    color: #ffffff;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    text-transform: none;
    cursor: pointer;
    -webkit-appearance: none;
}
.lf-submit:hover { background: #4e8221; }
.lf-submit:focus { outline: 2px solid #34600f; outline-offset: 2px; }

/* Coluna lateral (contato) */
.lf-form-layout {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: flex-start;
}
.lf-form-layout > .lf-form { flex: 1 1 420px; }
.lf-form-aside {
    flex: 0 1 240px;
    text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-size: 13px;
}
.lf-form-aside img { max-width: 100%; height: auto; }
.lf-form-aside p { margin: 0 0 10px; }

@media (max-width: 767px) {
    .lf-form-grid { grid-template-columns: minmax(0, 1fr); }
    .lf-form-layout { gap: 20px; }
    .lf-form-aside { flex-basis: 100%; }
}