@charset "UTF-8";
/*
Theme Name: MeatHouse
Theme URI: https://meathouse.jwsuperthemes.com
Author: the JWSThemes team
Author URI: https://jwsuperthemes.com
Description: MeatHouse is a meat shop WordPress theme perfectly suitable for meat food, meat farm, meat market & restaurant, meat box, meat delivery and butcher store store sites with a flexible design. It supports many great features with its theme options panel. In addition to having a flexible and easy-to-use design, it has various features such as meatbox building with subscriptions that make it an ideal match for relevant sausages, steaks, raw products, lamb and meat and carne shop websites. The theme provides professionally designed 5+ homepages, creative headers, and powerful animations. There is no need for coding skills here either. You can drag and drop everything to build the store site you want.
Requires at least: WordPress 4.9.6
Version: 2.2.0
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/lgpl-3.0.en.html
Text Domain: meathouse
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/
.TelephoneKhP {
	
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 50px !important;
    padding: 5px 0px !important;
    margin-top: 10px !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, #e60000, #b30000);
    color: #ffffff !important;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: 1px;
    box-shadow: 0 8px 20px rgba(230, 0, 0, 0.4);
    cursor: pointer;
    margin-top: 15px;
    animation: phoneVibration 3s infinite;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
<style>
.MenuHor {
    margin: 30px 0;
}

.MenuHor ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 colonnes */
    gap: 12px 20px;
}

.MenuHor li {
    text-align: center;
}

.MenuHor a {
    display: block;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 6px;
    color: #222;
    transition: 0.3s ease;
}

.MenuHor a:hover {
    background-color: #c40000;
    color: #fff;
    border-color: #c40000;
}

/* Tablette */
@media (max-width: 992px) {
    .MenuHor ul {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 576px) {
    .MenuHor ul {
        grid-template-columns: 1fr;
    }
}
</style>
.Menugauche {
    text-align: center;
    padding: 20px 0 !important;
}

.menu-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #111;
}

.Menugauche ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.Menugauche li {
    margin: 5px 10px;
}

.Menugauche a {
    text-decoration: none;
    font-weight: 600;
    color: #1a1a1a;
    font-size: 15px;
    padding: 8px 14px;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.Menugauche a:hover {
    background-color: #c40000;
    color: #ffffff;
}

@media (max-width: 768px) {
    .Menugauche ul {
        flex-direction: column;
        align-items: center;
    }

    .Menugauche li {
        margin: 6px 0;
    }
}

.TelephoneKhP a {
  color: #ffffff !important;
}
/* Hover */
.TelephoneKhP:hover {
  transform: scale(1.08);
  box-shadow: 0 12px 30px rgba(230, 0, 0, 0.6);
}

/* Animation vibration + tonalité */
@keyframes phoneVibration {
  0% {
    transform: scale(1);
  }

  5% {
    transform: translateX(-2px) rotate(-1deg);
  }

  10% {
    transform: translateX(2px) rotate(1deg);
  }

  15% {
    transform: translateX(-2px) rotate(-1deg);
  }

  20% {
    transform: translateX(2px) rotate(1deg);
  }

  25% {
    transform: scale(1.05);
    filter: brightness(1.15);
  }

  30% {
    transform: scale(1);
    filter: brightness(1);
  }

  100% {
    transform: scale(1);
  }
}

:root {
  --main: #0d354f;
  --secondary: #a3714e;
  --light: #ffffff;
  --dark: #000000;
  --heading: #0d354f;
  --body: #727272;
  --bodybg: #ffffff;
  --btn-bgcolor: #ffffff;
  --btn-color: #0d354f;
  --btn-bgcolor2: #0d354f;
  --btn-color2: #ffffff;
}
.btn-theme {
  background: var(--main);
  color: #ffffff;
  height: 50px;
  padding: 0 40px;
  text-align: center;
  line-height: 50px;
}

button.btn-theme {
  border: 0;
}