/* CONFIGURAÇÕES GERAIS E CORES */
:root {
    --hey-delivery-box: #F1DBAE;
    --hey-creme: #F4EDDC;
    --hey-heykitchen: #F35200;
    --hey-golden-fries: #F4AB12;
    --hey-avocado: #002922;
    --hey-salmon: #F69F7D;
    --hey-white: #FFFFFF;
}

.heykitchen-custom-footer {
background-color: var(--hey-heykitchen);
color: var(--hey-delivery-box);
font-family: 'neue-haas-grotesk-text', sans-serif;
padding: 60px 20px 20px;
width: 100%;
box-sizing: border-box;
}

.heykitchen-footer-container {
/*max-width: 1200px;*/
width: min(1800px, 95%);
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 40px;
}

.heykitchen-custom-footer h3 {
    color: var(--hey-delivery-box);
    font-size: 2.5rem;
    /* font-weight: 900; */
    margin: 0 0 15px 0;
    text-transform: none;
    /* letter-spacing: -1px; */
    font-family: 'obviously-condensed', sans-serif;
    line-height: 1;
}

.heykitchen-custom-footer p,
.heykitchen-custom-footer a {
color: var(--hey-delivery-box);
font-size: 1rem;
line-height: 1.4;
margin: 0;
text-decoration: none;
font-weight: 300;
	/*padding-top: 3.5%;*/
}
.heykitchen-custom-footer a:hover{
    color: var(--hey-golden-fries);
}

/* Transição suave para o efeito */
.livro-reclamacoes svg {
    transition: fill 0.3s ease;
}

/* Forçar os elementos internos do SVG a herdar a cor (caso tenham fill "hardcoded" no ficheiro original) */
.livro-reclamacoes svg path,
.livro-reclamacoes svg rect,
.livro-reclamacoes svg polygon {
    fill: currentColor;
}

.livro-reclamacoes:hover,
.livro-reclamacoes:active {
    color: var(--hey-golden-fries); }

.heykitchen-footer-top-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 40px;
}

/* Newsletter Form Styles */
.newsletter-form-wrapper form {
margin: 0;
}

.hk-newsletter-input-group {
display: flex;
align-items: center;
border: 1px solid var(--hey-delivery-box);
border-radius: 40px;
padding: 5px 5px 5px 20px;
background: transparent;
max-width: 450px;
}

.hk-newsletter-input-group input[type="email"] {
flex-grow: 1;
min-width: 0; /* Fix flexbox collapse in some browsers */
width: 100%; /* Ensure it spans available space */
background: transparent;
border: none;
color: var(--hey-delivery-box);
font-size: 1rem;
outline: none;
padding: 0;
font-weight: bold;
}

.hk-newsletter-input-group input[type="email"]::placeholder {
    color: var(--hey-delivery-box);
    opacity: 0.6;
}

/* Garantia para navegadores Firefox */
.hk-newsletter-input-group input[type="email"]::-moz-placeholder {
    opacity: 0.6;
}

.hk-newsletter-input-group button {
background: transparent;
color: var(--hey-delivery-box);
border: none;
padding: 5px 10px;
font-weight: bold;
cursor: pointer;
display: flex;
align-items: center;
gap: 15px;
font-size: 1rem;
}



.hk-newsletter-input-group button span {
white-space: nowrap;
opacity: 0;
width: 0;
overflow: hidden;
transition: all 0.3s ease;
color: var(--hey-heykitchen);
    padding: 5px 5px 5px 25px;
font-weight: bold;
margin-right: 0;
margin-left: 10x;
}


.hk-newsletter-input-group button svg {
background: var(--hey-delivery-box)!important;
color: var(--hey-heykitchen)!important;
border-radius: 60px;
padding: 8px;
box-sizing: content-box;
transition: background 0.3s;
}



[type="button"]:focus,
[type="button"]:hover,
[type="submit"]:focus,
[type="submit"]:hover,
button:focus,
button:hover {
  background-color: initial !important;
  color: inherit !important;
  text-decoration: inherit !important;
}

.hk-newsletter-input-group button:hover {
background: var(--hey-delivery-box) !important;
color: var(--hey-heykitchen) !important;
border-radius: 60px; box-sizing: content-box;
transition: background 0.3s;
}

.hk-newsletter-input-group button:hover span {
opacity: 1;
width: auto; /* O texto aparece */
margin-right: 15px; /* Espaço entre texto e seta */
}
.heykitchen-footer-middle {
display: flex;
flex-direction: column;
position: relative;
/*margin-top: 40px;*/
margin-top: 0;
}






.mc4wp-response{margin-top:10px;}
.mc4wp-alert {
padding: 10px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.1); 
}


.heykitchen-slogan {
max-width: 400px;
font-size: 1.1rem !important;
margin-bottom: 20px !important;
}

.heykitchen-logo-wrapper {
width: 100%;
display: flex;
justify-content: center;
margin-bottom: 20px;
}

.heykitchen-logo-wrapper img {
width: 100%;
height: auto;
/*max-height: 200px;*/
max-height: 305px;
}

.heykitchen-divider {
border: none;
border-top: 1px solid rgba(247, 231, 211, 0.3);
margin: 20px 0 0;
}

.heykitchen-footer-bottom {
display: flex;
justify-content: space-between;
/*align-items: center;*/
align-items: baseline;
font-size: 0.65rem;
flex-wrap: wrap;
gap: 20px;
}

.heykitchen-copyright {
font-weight: bold;
text-transform: uppercase;
}
.heykitchen-copyright a{font-size: 0.65rem; font-weight: bold;}

.heykitchen-legal-links {
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}

.heykitchen-legal-links a {
font-size: 0.65rem;
font-weight: bold;
text-transform: uppercase;
}

.livro-reclamacoes {
display: flex;
align-items: center;
gap: 10px;
}


@media (max-width: 992px) {
.heykitchen-footer-top-grid {
grid-template-columns: 1fr 1fr;
}
.newsletter-col {
grid-column: span 2;
}
}

@media (max-width: 768px) {
.heykitchen-footer-top-grid {
grid-template-columns: 1fr;
gap: 30px;
}
.newsletter-col {
grid-column: 1;
}
.heykitchen-footer-bottom {
flex-direction: column;
align-items: flex-start;
}
.heykitchen-legal-links {
flex-direction: column;
align-items: flex-start;
gap: 15px;
}
}