/**
* 2007-2025 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2025 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/
.concept-tarif {
  text-align: center;
  padding: 60px 20px;
  background-color: #f9f6f4;
  font-family: "Poppins", sans-serif;
  color: #523a30;
}

.concept-tarif h2 {
  font-size: 2rem;
  color: #8f2a33;
  margin-bottom: 10px;
}

.intro-tarif {
  font-size: 1.1rem;
  margin-bottom: 40px;
}

/* --- FLEX PRINCIPAL --- */
.tarif-flex {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  gap: 50px;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
}

/* --- GRILLE DES BLOCS TARIFS --- */
.tarif-grille {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
  flex: 1;
  min-width: 480px;
}

/* --- BLOC TARIF --- */
.tarif-bloc {
  background: #fff;
  padding: 30px 25px;
  border-radius: 14px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.tarif-bloc:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(143, 42, 51, 0.2);
}

.tarif-bloc h3 {
  color: #8f2a33;
  margin-bottom: 10px;
  font-size: 1.1rem;
}

.prix {
  font-size: 2rem;
  font-weight: 700;
  color: #8f2a33;
  margin-bottom: 20px;
}

/* --- ZONE PROLONGATION --- */
.prolongation {
  background: #f1f0ed;
  padding: 10px;
  border-radius: 10px;
  font-size: 1rem;
  color: #523a30;
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.05);
}

.prolongation strong {
  color: #8f2a33;
}

/* --- ICONES --- */
.tarif-icon1,
.tarif-icon2,
.tarif-icon3,
.tarif-icon4 {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  color: white;
  font-size: 1.4rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 15px auto;
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.tarif-icon1 { background: #8f2833; }
.tarif-icon2 { background: #eca937; }
.tarif-icon3 { background: #533a30; }
.tarif-icon4 { background: #f1f0ed; color: #8f2833; }

/* --- IMAGE À DROITE --- */
.tarif-image {
  flex: 0.9;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tarif-image img {
  width: 100%;
  max-width: 450px;
  height: auto;
  border-radius: 14px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

/* --- RESPONSIVE --- */
@media (max-width: 900px) {
  .tarif-flex {
    flex-direction: column-reverse;
    align-items: center;
  }
  .tarif-grille {
    min-width: unset;
  }
  .tarif-image img {
    max-width: 320px;
    margin-bottom: 25px;
  }
}
@media (max-width: 550px) {
  .tarif-grille {
    grid-template-columns: 1fr;
  }
  .tarif-grille .btnconcept {
    width: 100%;
  }
}