/*
Theme Name: Divi Child
Template: Divi
Version: 1.0.0
*/
/* =========================================================
   THE BROWNIES
========================================================= */

:root {

  /* Chocolat */
  --color-primary: #4A2C20;

  /* Cacao */
  --color-secondary: #6B4A3A;

  /* Caramel */
  --color-accent: #C58B44;

  /* Crème vanille */
  --color-bg: #F8F1E7;

  /* Biscuit */
  --color-muted: #E8D7C3;

  /* Blanc cassé */
  --color-white: #FFFDF9;

  --color-text: var(--color-secondary);
  --color-text-light: var(--color-bg);

  --color-card-bg: rgba(255,250,245,0.95);
}

/* =========================================================
   GLOBAL
========================================================= */

body {
  background: var(--color-bg);
  color: var(--color-text);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--color-primary);
}

a {
  color: var(--color-primary);
}

a:hover {
  color: var(--color-accent);
}

/* =========================================================
   SECTIONS
========================================================= */

.section-hero {
  background: #4A2C20;
}

.section-about,
.section-contact {
  background: var(--color-bg);
}

.section-music {
  background: var(--color-muted);
}

.section-gallery,
.section-concerts,
.section-footer {
  background: var(--color-secondary);
}

/* =========================================================
   MENU DIVI BUILDER
========================================================= */

.et_pb_menu .et-menu > li > a {
  color: var(--color-primary) !important;
  font-weight: 600;
}

.et_pb_menu .et-menu > li > a:hover {
  color: var(--color-accent) !important;
}

.et_pb_menu .current-menu-item > a {
  color: var(--color-accent) !important;
}

.mobile_menu_bar:before {
  color: var(--color-primary) !important;
}

.et_mobile_menu {
  background: var(--color-bg) !important;
  border-top: 3px solid var(--color-accent);
}

.et_mobile_menu li a {
  color: var(--color-primary) !important;
}

.et_mobile_menu li a:hover {
  color: var(--color-accent) !important;
}

/* =========================================================
   BUTTONS
========================================================= */

.et_pb_button {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-bg) !important;
}

.et_pb_button:hover {
  background: var(--color-accent) !important;
  border-color: var(--color-accent) !important;
  color: var(--color-secondary) !important;
}

/* =========================================================
   CARTES / EVENTS
========================================================= */

.event-line,
.audio-track {

  background: var(--color-card-bg);

  border-left: 4px solid var(--color-accent);

  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

.event-date {
  color: var(--color-primary);
}

.event-title {
  color: var(--color-secondary);
}

.event-category {
  color: var(--color-accent);
}

/* =========================================================
   FOOTER
========================================================= */

.et-l--footer,
.et-l--footer .et_pb_section,
.et-l--footer .et_pb_row,
.et-l--footer .et_pb_column {
  background: var(--color-secondary);
}

.et-l--footer,
.et-l--footer p,
.et-l--footer li,
.et-l--footer span {
  color: var(--color-bg);
}

.et-l--footer a {
  color: var(--color-accent) !important;
}

.et-l--footer a:hover {
  color: var(--color-white) !important;
}

/* =========================================================
   DECORATION BROWNIES
========================================================= */
body::before {
    content: "";
    position: fixed;
    top: 150px;
    left: 50px;
    width: 300px;
    height: 300px;

    background-image: url('/wp-content/uploads/2026/09/brownie-corner-left_sized.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    opacity: 0.15;
    z-index: 99999;
    pointer-events: none;
	filter: sepia(30%) saturate(80%);
}

body::after {
    content: "";
    position: fixed;
    bottom: 50px;
    right: 50px;
    width: 300px;
    height: 300px;

    background-image: url('/wp-content/uploads/2026/09/cupcake.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    opacity: 0.15;
    z-index: 99999;
    pointer-events: none;
	filter: sepia(30%) saturate(80%);
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 980px) {

  body::before {
    top: 100px;
    left: -20px;
    width: 120px;
    height: 120px;
  }

  body::after {
    bottom: 20px;
    right: -20px;
    width: 120px;
    height: 120px;
  }

}

}