@font-face {
  font-family: "proxima";
  src: url(/fonts/Proxima-Nova-Regular.woff2) format("woff2");
}

/* cyrillic-ext */
@font-face {
  font-family: "proxima bold";
  src: url(/fonts/Proxima-Nova-Bold.woff2) format("woff2");
}

/* Styles généraux et Art Déco */
@tailwind base;
@tailwind components;
@tailwind utilities;

body {
  @apply bg-beige-clair text-noir-charbon font-sans overflow-x-hidden;
  font-size: 20px;
}

.frise_footer {
	background-image: url('/img/frise_1.png');
	background-repeat: repeat-x;
	background-position: bottom;
	background-size: 40px 80px;
	z-index: 999;
	position: fixed;
	width: 100vw;
	height: 100px;
	bottom: 0;
}

footer{
padding-bottom: 100px !important;
}

h1, h2, h3, h4, h5, h6 {
  @apply font-heading text-teal-profond tracking-wide;
}

a {
  @apply text-dore-chaud hover:text-teal-profond transition-colors;
}



/* Styles Art Déco supplémentaires */

.art-deco-border {
  @apply border-2 border-dore-chaud p-1;
}

/* Séparateur stylisé */
.art-deco-separator {
  @apply w-24 h-px bg-dore-chaud mx-auto my-8;
}
/* Ou une version plus élaborée */
.art-deco-separator-ornate {
  @apply w-32 h-2 mx-auto my-8 flex items-center justify-center;
}
.art-deco-separator-ornate::before,
.art-deco-separator-ornate::after {
  content: '';
  @apply block w-1/3 h-px bg-dore-chaud;
}
.art-deco-separator-ornate > span {
  @apply block w-2 h-2 bg-dore-chaud transform rotate-45 mx-2;
}

/* Motif de fond Art Déco (Exemple: Rayons de soleil) */
.art-deco-sunburst-bg {
  background-color: theme('colors.teal-profond');
  background-image: radial-gradient(circle at center, theme('colors.dore-chaud' / 5%) 1px, transparent 1px),
                    radial-gradient(circle at center, theme('colors.dore-chaud' / 5%) 1px, transparent 1px);
  background-size: 40px 40px;
  background-position: 0 0, 20px 20px;
}

/* Ajustements spécifiques pour des éléments */
.hero-section h1 {
  text-shadow: 1px 1px 2px theme('colors.noir-charbon' / 50%);
}

/* Animation de l'icône burger */
#menu-btn.open .icon-bar-1 {
  transform: rotate(-45deg) translate(-5px, 6px);
}
#menu-btn.open .icon-bar-2 {
  opacity: 0;
}
#menu-btn.open .icon-bar-3 {
  transform: rotate(45deg) translate(-5px, -6px);
}

/* Style pour le halo de lumière */
.light-effect-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: radial-gradient(circle at 50% 50%, rgba(212, 169, 73, 0.1), transparent 70%);
  pointer-events: none;
}

/* Anciens styles du site (à supprimer ou adapter si nécessaire) */
.nav-item { display: inline-block; }
.actu-title{ min-height:  auto !important; font-weight: bold; }
.contact .tel a{ font-size: 1.2rem; text-decoration: none; }
.actu-text{ min-height: 325px; }
.contact a { color: #000 !important; }
.box-detail ul, .carac-desc, .bg-grey, .contactform{ background: #393e42 !important; }
.actus  .mb-5 { margin: 0 !important; }
.annonces .text{ padding: 15px; }
.text-right { text-align: right; }
.annonce .prix { background: #1F2833  !important; }
.box-contact label, .box-contact p, .box-contact p a{ color: #000 !important; }
.nav-link.active { text-decoration: underline 2px; text-underline-offset: 8px; }
.breadcrumb a { color: #333333; }
.breadcrumb a:hover { color: #777777; }
.breadcrumb-item { color: #333333; }
.breadcrumb-item+.breadcrumb-item::before { content: '❯' !important; }
.marque-in { padding: 15px; }
.actu-in { background: white; min-height: 487px; }
.actu-text { padding: 20px; }
.fond-gris { background: #09121d0d; padding: 25px 0 20px 0; }
.telephone { display: none !important; }
.navbar-toggler { background: #909093; right: 0; position: absolute; }
.mb-50 { margin-bottom: 100px; }
.mt-50 { margin-top: 100px; }
.my-50 { margin: 100px 0; }
.btn-primary { border-radius: 5px !important; font-size: 1rem !important; padding: 10px !important; text-transform: inherit !important; }
.btn-primary:hover { text-decoration: none; }
.btn-annonce:hover { background: #8F9091; border-color: #8F9091; color: black; }
.btn-second { border-radius: 5px !important; font-size: 1rem !important; padding: 10px !important; text-transform: inherit !important; }
.btn-nav { background-color: #55a3f8 !important; padding: 10px 15px !important; color: white !important; border-radius: 20px !important; display: inline; font-size: 1rem !important; text-transform: uppercase !important; }
#footer{ max-width: 100% !important; width: 100% !important; }