/*
Theme Name: Team Pinoy
Theme URI: https://pinoy.brussels
Description: Thème enfant Hello Elementor pour Team Pinoy, comité de quartier à Auderghem.
Author: Team Pinoy
Template: hello-elementor
Version: 1.0.0
Text Domain: team-pinoy
*/

:root {
  --tp-primary: #8B1A4A;
  --tp-secondary: #C2185B;
  --tp-accent: #F9A825;
  --tp-text: #2d2d2d;
  --tp-muted: #555555;
  --tp-light-bg: #FFF8E1;
  --tp-dark-bg: #2d1a24;
}

body {
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  color: var(--tp-text);
  overflow-x: hidden;
}

/* ========== HERO SECTION (FR & NL via .hero-section class) ========== */
.hero-section,
.hero-section > .elementor-container {
  min-height: 75vh !important;
}
.hero-section {
  background: url('/wp-content/uploads/2026/03/aerialview.webp') center/cover no-repeat !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}
.hero-section::after {
  content: '↓';
  position: absolute;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(255,255,255,0.85);
  font-size: 28px;
  z-index: 2;
  animation: tp-bounce 1.8s ease-in-out infinite;
  pointer-events: none;
}
@keyframes tp-bounce {
  0%, 100% { transform: translate(-50%, 0); }
  50% { transform: translate(-50%, 8px); }
}
.hero-section::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, rgba(139,26,74,0.78) 0%, rgba(194,24,91,0.65) 40%, rgba(233,30,99,0.55) 60%, rgba(249,168,37,0.5) 100%) !important;
  z-index: 0 !important;
}
.hero-section > .elementor-container {
  position: relative;
  z-index: 1;
}
.hero-section .elementor-column,
.hero-section .elementor-widget-wrap,
.hero-section .elementor-widget,
.hero-section .elementor-widget-heading,
.hero-section .elementor-heading-title {
  text-align: center !important;
}
.hero-section .elementor-widget-wrap {
  align-items: center !important;
}
.hero-section,
.hero-section .elementor-heading-title,
.hero-section p,
.hero-section span {
  color: #fff !important;
}
.hero-section .elementor-widget-image {
  margin-bottom: 16px;
}
.hero-section .elementor-widget-image img {
  border-radius: 50% !important;
  max-width: 220px !important;
  margin: 0 auto;
}

/* ========== GLOBAL SECTION SPACING (FR & NL) ========== */
[data-id="about001"], [data-id="about_nl"],
.brocante-section,
[data-id="kerst001"], [data-id="kerst_nl"],
[data-id="gallery001"], [data-id="gallery_nl"] {
  padding-top: 60px !important;
}
[data-id="gallery001"], [data-id="gallery_nl"] {
  padding-bottom: 60px !important;
}
.contact-section {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

/* ========== ABOUT SECTION (FR & NL) ========== */
[data-id="about001"], [data-id="about_nl"] {
  background: #fff !important;
}
[data-id="about001"] .elementor-heading-title,
[data-id="about_nl"] .elementor-heading-title {
  color: var(--tp-primary) !important;
  margin-bottom: 16px !important;
}
[data-id="about001"] .elementor-text-editor,
[data-id="about_nl"] .elementor-text-editor {
  color: var(--tp-muted);
  font-size: 16px;
  line-height: 2 !important;
  margin-bottom: 32px !important;
}
[data-id="about001"] .elementor-widget,
[data-id="about_nl"] .elementor-widget {
  margin-bottom: 28px !important;
}
[data-id="about001"] .elementor-icon-list-items,
[data-id="about_nl"] .elementor-icon-list-items {
  display: flex !important;
  flex-direction: row !important;
  gap: 24px !important;
}
[data-id="about001"] .elementor-icon-list-item,
[data-id="about_nl"] .elementor-icon-list-item {
  flex: 1 !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding: 20px 12px !important;
  background: #fafafa;
  border-radius: 12px;
}
[data-id="about001"] .elementor-icon-list-icon,
[data-id="about_nl"] .elementor-icon-list-icon {
  margin-bottom: 10px !important;
  margin-right: 0 !important;
}
[data-id="about001"] .elementor-icon-list-icon i,
[data-id="about_nl"] .elementor-icon-list-icon i {
  font-size: 28px !important;
  color: var(--tp-primary) !important;
}
[data-id="about001"] .elementor-icon-list-text,
[data-id="about_nl"] .elementor-icon-list-text {
  line-height: 1.6 !important;
}
/* About image — full height */
[data-id="about001"] > .elementor-container > .elementor-column:last-child,
[data-id="about_nl"] > .elementor-container > .elementor-column:last-child {
  display: flex !important;
  align-items: stretch !important;
  padding-left: 24px !important;
}
[data-id="about001"] > .elementor-container > .elementor-column:last-child .elementor-widget-wrap,
[data-id="about_nl"] > .elementor-container > .elementor-column:last-child .elementor-widget-wrap {
  display: flex !important;
  flex: 1 !important;
}
[data-id="about001"] > .elementor-container > .elementor-column:last-child .elementor-widget-image,
[data-id="about_nl"] > .elementor-container > .elementor-column:last-child .elementor-widget-image {
  flex: 1 !important;
  display: flex !important;
}
[data-id="about001"] .elementor-widget-image img,
[data-id="about_nl"] .elementor-widget-image img {
  border-radius: 16px !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 400px !important;
  object-fit: cover !important;
}

/* ========== BROCANTE SECTION (FR & NL via .brocante-section class) ========== */
.brocante-section {
  background: linear-gradient(180deg, var(--tp-light-bg) 0%, #fff 100%) !important;
}
.brocante-section .elementor-heading-title {
  color: var(--tp-primary) !important;
}

/* ========== KERSTBOOM SECTION (FR & NL) ========== */
[data-id="kerst001"], [data-id="kerst_nl"] {
  background: #fff !important;
}
[data-id="kerst001"] .elementor-heading-title,
[data-id="kerst_nl"] .elementor-heading-title {
  color: var(--tp-primary) !important;
}

/* ========== GALLERY SECTION (FR & NL) ========== */
[data-id="gallery001"], [data-id="gallery_nl"] {
  background: #fafafa !important;
}
[data-id="gallery001"] .elementor-heading-title,
[data-id="gallery_nl"] .elementor-heading-title {
  color: var(--tp-primary) !important;
}

/* ========== CONTACT SECTION (FR & NL via .contact-section class) ========== */
.contact-section {
  background: linear-gradient(135deg, #8B1A4A 0%, #C2185B 40%, #E91E63 60%, #F9A825 100%) !important;
}
.contact-section,
.contact-section h2,
.contact-section .elementor-heading-title,
.contact-section p,
.contact-section a,
.contact-section span {
  color: #fff !important;
}

/* ========== FOOTER SECTION (FR & NL) ========== */
[data-id="footer001"], [data-id="footer_nl"] {
  background: var(--tp-dark-bg) !important;
}
[data-id="footer001"] p, [data-id="footer001"] span,
[data-id="footer_nl"] p, [data-id="footer_nl"] span {
  color: rgba(255,255,255,0.5) !important;
}

/* ========== GLOBAL WIDGET STYLES ========== */
.elementor-widget-heading .elementor-heading-title {
  font-weight: 800 !important;
}
a[href*="mailto:brocantepinoy"] {
  transition: transform 0.2s, box-shadow 0.2s;
}
a[href*="mailto:brocantepinoy"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(139, 26, 74, 0.3);
}

/* ========== CAROUSEL GALLERY (FR & NL) ========== */
[data-id="gallery001"] .elementor-image-carousel img,
[data-id="gallery_nl"] .elementor-image-carousel img {
  border-radius: 12px !important;
  object-fit: cover !important;
  height: 300px !important;
}
[data-id="gallery001"] .swiper-button-prev,
[data-id="gallery001"] .swiper-button-next,
[data-id="gallery_nl"] .swiper-button-prev,
[data-id="gallery_nl"] .swiper-button-next {
  color: var(--tp-primary) !important;
}
[data-id="gallery001"] .swiper-pagination-bullet-active,
[data-id="gallery_nl"] .swiper-pagination-bullet-active {
  background: var(--tp-primary) !important;
}

/* ========== LANGUAGE SWITCHER ========== */
.tp-lang-switcher {
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 9999;
  display: flex;
  background: rgba(139, 26, 74, 0.9);
  backdrop-filter: blur(10px);
  border-radius: 24px;
  padding: 4px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
.tp-lang-switcher ul {
  list-style: none !important;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  gap: 2px;
}
.tp-lang-switcher li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  list-style-type: none !important;
}
.tp-lang-switcher li::before,
.tp-lang-switcher li::marker {
  content: none !important;
  display: none !important;
}
.tp-lang-switcher a {
  display: block;
  padding: 8px 16px;
  color: rgba(255,255,255,0.7);
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 20px;
  transition: all 0.2s;
}
.tp-lang-switcher a:hover {
  color: #fff;
  background: rgba(255,255,255,0.15);
}
.tp-lang-switcher .current-lang a {
  color: #fff;
  background: var(--tp-accent);
}

/* ========== RESPONSIVE ========== */
@media (max-width: 767px) {
  .hero-section {
    min-height: 80vh !important;
    padding: 60px 15px !important;
  }
  .hero-section .elementor-heading-title[class*="elementor-size-"] {
    font-size: 32px !important;
  }
  [data-id="about001"] .elementor-icon-list-items,
  [data-id="about_nl"] .elementor-icon-list-items {
    flex-direction: column !important;
  }
}