/*
Theme Name: DNS Mudanças
Theme URI: https://www.dnsmudancas.com.br/
Author: Genspark
Author URI: https://www.dnsmudancas.com.br/
Description: Tema WordPress fiel ao site DNS Mudanças, com campos editáveis no painel, compatibilidade com Elementor e foco em SEO local.
Version: 1.1.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: dns-mudancas
*/

.custom-logo-link,
.footer-logo-image {
  display: inline-flex;
  align-items: center;
}

.custom-logo-link img,
.footer-logo-image img {
  max-height: 64px;
  width: auto;
}

.hero {
  background: var(--gradient-hero), url('assets/images/caminhao-dns.jpg.png') center/cover no-repeat !important;
}

.about-image-placeholder,
.res-image-placeholder {
  position: relative;
  overflow: hidden;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.about-image-placeholder {
  background-image: linear-gradient(135deg, rgba(0,48,135,0.22), rgba(0,48,135,0.12)), url('assets/images/equipe-mudanca.png.png') !important;
}

.res-image-placeholder {
  background-image: linear-gradient(135deg, rgba(0,48,135,0.22), rgba(0,48,135,0.12)), url('assets/images/caixas-embalagem.jpg.png') !important;
}

.about-image-placeholder i,
.about-image-placeholder p,
.res-image-placeholder i,
.res-image-placeholder p {
  display: none !important;
}

.map-placeholder {
  background: var(--gradient-primary) !important;
}

.logo-box--image {
  gap: 14px;
}

.logo-box--image .logo-text {
  display: flex;
  flex-direction: column;
}

.logo-box--image .logo-text .logo-main {
  line-height: 1;
}

.logo-box--image .logo-text .logo-sub {
  line-height: 1.2;
}

body.elementor-page .header,
body.elementor-page .footer {
  width: 100%;
}

.dns-page-content {
  padding: 120px 0 70px;
}

.dns-page-content .entry-content,
.dns-page-content .page-content {
  max-width: 900px;
  margin: 0 auto;
}

.dns-page-title {
  margin-bottom: 24px;
}

.elementor-page-template-template-elementor-canvas .header,
.elementor-page-template-template-elementor-canvas .footer,
.page-template-template-elementor-canvas .header,
.page-template-template-elementor-canvas .footer {
  display: none;
}
/* ============================================================
   AJUSTES DE RESPONSIVIDADE - DNS MUDANÇAS
   ============================================================ */

/* Impede o transbordamento lateral em todo o site */
html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

@media screen and (max-width: 768px) {
    /* Ajusta o Header para não empurrar o menu para fora */
    header, .header, .top-bar {
        width: 100% !important;
        max-width: 100vw !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }

    /* Ajusta a logo para caber em telas menores */
    .custom-logo-link img, .footer-logo-image img {
        max-height: 50px; /* Reduz um pouco no mobile */
    }

    /* Ajusta o conteúdo das páginas que está com 120px de padding */
    .dns-page-content {
        padding: 80px 15px 40px !important;
    }

    /* Garante que o container do conteúdo não ultrapasse a tela */
    .dns-page-content .entry-content,
    .dns-page-content .page-content {
        max-width: 100% !important;
        margin: 0 !important;
        width: 100% !important;
    }

    /* Força o enquadramento de seções que usam flexbox ou floats */
    .logo-box--image {
        flex-wrap: wrap;
        justify-content: center;
    }
}