:root { --fun-red: #E30613; --fun-yellow: #FFD400; }
    body { background-color: #f5f5f5; }
    .nav-link { color: #ffffff !important; font-family: 'montserrat', sans-serif; font-weight: 600; text-transform: uppercase; font-size:15px }
    .section-title { font-family: 'montserrat', sans-serif;
    font-weight: 800; color: var(--fun-red); margin-bottom: 1rem; text-align: center; }
    
    .gallery-item p { margin-top: .5rem; }
    .btn-fun { background-color: var(--fun-red); color: white; }
    .btn-fun:hover { background-color: GRAY; color: white; }
    .footer { background-color: var(--fun-red); color: white; }
    .footer a { color: white; text-decoration: none; }

    .product-card {
        display: flex;
        flex-direction: row;
        align-items: center;
        /* opcional: uma altura fixa para uniformizar */
        min-height: 160px;
    }

    .product-card img {
        width: 150px;        /* ajuste à sua necessidade */
        height: auto;
        object-fit: cover;   /* você já tem isso */
        flex-shrink: 0;      /* pra não encolher */
    }

    .product-card .card-body {
        padding-left: 1rem;  /* espaçamento imagem ↔ texto */
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        flex: 1;             /* pra ocupar todo o espaço restante */
    }

    .card-img-top { width:80px;}
    .card-title {font-size:15px}
    .card-text {font-size:13px; color:#E30613}
    .card-body {text-align:right}
    .stretched-link { text-decoration: none; color:#b2b2b2}

        /* Hover do card */
        .product-card:hover,
        .product-card-cardapio:hover {
        background-color: var(--fun-red);
        /* opcional: reforça o branco do texto */
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
        color: #fff;
        }

        /* Títulos e textos ficam brancos em hover */
        .product-card:hover .card-title,
        .product-card:hover .card-text,
        .product-card-cardapio:hover .card-title,
        .product-card-cardapio:hover .card-text,
        .product-card-cardapio:hover .stretched-link,
        .product-card:hover .stretched-link,
        .product-card-cardapio:hover {
        color: #fff !important;
        }

        .product-card .card-body,
  .product-card .card-title,
  .product-card .card-text,
  .product-card .stretched-link {
    text-align: center;
  }

        /* Se precisar, o link “+ detalhes” pode ganhar um hover próprio */
        .product-card:hover .stretched-link:hover {
        text-decoration: underline;
        color: #fff !important;
        }

        /* faz o fundo “esmaecer” */
        .product-card, .product-card-cardapio {
        transition: background-color 0.5s ease;
        }

        /* faz o texto esmaecer junto */
        .product-card .card-title,
        .product-card .card-text,
        .product-card .stretched-link {
            transition: color 0.5s ease;
        }

        .logoTopo {
            margin-top:0px; 
            width: 225px;
            margin:0 auto;
        }

        h1, h2, h3, h4, h5 {
            font-family: 'montserrat', sans-serif;
            font-weight: 800;
        }

        p {
            font-family: 'montserrat', sans-serif;
        }

        html, body {
            overflow-x: hidden;
        }

        .navbar-toggler-icon {
            /* SVG branco do Bootstrap v5 */
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28255, 255, 255, 1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
        }

        #mainNav .social-icons {
            justify-content: center; /* alinha à esquerda no desktop */
        }

        .product-card-cardapio {
            flex-direction: column;
        }
        .product-card-cardapio img {
            width: 100%;
            margin-bottom: 1rem;
        }
        .product-card-cardapio .card-body {
            /* padding-left: 0; */
            text-align: center;
        }

        .product-card-cardapio .card-title {
            margin-top:-40px;
            font-size:30px
        }

        .product-card-cardapio .card-text {
            font-size:22px
        }

        /* Sombra suave atrás de cada sanduíche (PNG transparente) */
        .product-card-cardapio .card-img-top {
            /* aplica uma leve sombra só nos pixels do hambúrguer */
            filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
            transition: filter 0.3s ease;
        }
        
        /* Opcional: intensifica a sombra ao passar o mouse */
        .product-card-cardapio .card-img-top:hover {
            filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.25));
        }

        .btnPedidoCardapio {
            background-color: #E30613;
            color:white;
            border-bottom-left-radius:6px;
            border-bottom-right-radius:6px;
            text-align: center;;
            padding:12px;
            border:none;
            text-decoration: none;
            font-family: 'montserrat', sans-serif; font-weight: 600;
            position: relative; 
            z-index: 10;
            margin-top:-20px;
            font-size:12px
        }

        

    /* no mobile, volta ao layout empilhado */
    @media (max-width: 767px) {
         /* Garante que as colunas estiquem igualmente */
        .row {
            display: flex;
            flex-wrap: wrap;
            align-items: stretch;
        }

        /* Cada coluna (col-6) vira flex para o card ocupar 100% */
        .col-6 {
            display: flex;
        }

        /* Card como flex-column e altura total da coluna */
        .product-card {
            display: flex !important;
            flex-direction: column;
            height: 100%;
        }

  /* Card-body expande e empurra o link pro final */
        .product-card .card-body {
            display: flex;
            flex-direction: column;
            flex: 1;
            text-align: center;
        }
        .product-card .stretched-link {
            margin-top: auto;
        }

        /* Ajustes de imagem/texto continuam válidos */
        .product-card img {
            width: 100%;
            margin-bottom: 1rem;
        }
        .product-card .card-body {
            /* padding-left: 0; */
        }

        .product-card-cardapio .card-title {
            font-size:28px
        }

        .product-card-cardapio .card-text {
            font-size:28px
        }

        .logoTopo {
            margin:0 auto;
            margin-top:20px; 
            width:180px;
            
        }

        /* Faz todas as colunas do footer ficarem com texto centralizado */
        footer .col-md-2,
        footer .col-md-5 {
            text-align: center !important;
        }

        /* Centraliza a logo também se precisar */
        footer .col-md-2 img {
            margin: 0 auto;
        }

        /* Centraliza os ícones de redes sociais */
        footer .social-icons {
            justify-content: center !important;
        }
        
    }

    /* ======== Layout do Cardápio – Apenas no desktop (>=768px) ======== */
@media (min-width: 768px) {
    /* Garante que as colunas da row estiquem igual */
    .row.justify-content {
      display: flex;
      flex-wrap: wrap;
      align-items: stretch;
    }
  
    /* Cada card vira flex-column e ocupa 100% da altura da coluna */
    .product-card-cardapio {
      display: flex;
      flex-direction: column;
      height: 100%;
    }
  
    /* Imagem em cima, 100% da largura, com espaçamento embaixo */
    .product-card-cardapio .card-img-top {
      width: 100%;
      object-fit: cover;
      margin-bottom: 1rem;
    }
  
    /* Card body empilha o texto e empurra o link para baixo */
    .product-card-cardapio .card-body {
      display: flex;
      flex-direction: column;
      flex: 1;
      text-align: center;
      padding: 1rem;
    }
    .product-card-cardapio .card-body .stretched-link {
      margin-top: auto;
    }
  }

  /* Faz ambos os botões terem 100% da largura da coluna */
.product-card-cardapio .row > .col-md-6 .btnPedidoCardapio {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  
  /* Garante que no mobile (col-12) eles fiquem empilhados e preencham tudo */
  @media (max-width: 767px) {
    .product-card-cardapio .row {
      margin: 0;       /* opcional: zera margens extras */
    }
    .product-card-cardapio .row > [class*="col-"] {
      padding: 0;      /* opcional: zera padding para caber certinho */
    }
    .product-card-cardapio .btnPedidoCardapio {
      margin-top: 0;   /* se tiver margin negativa inline, anula aqui */
    }

    /* Zera todos os raios de borda nos botões */
  .product-card-cardapio .row > .col-md-6 .btnPedidoCardapio {
    border-radius: 0 !important;
  }

  /* No segundo botão, reaplica bottom‑left radius de 8px */
  .product-card-cardapio .row > .col-md-6:last-child .btnPedidoCardapio {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
  }
  
  }

  /* Remove margem externa da row dos botões */
.product-card-cardapio .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  
  /* Remove padding interno de cada coluna nessa row */
  .product-card-cardapio .row > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }