/**
 * Page Tentang Kami - Selective Widget Display
 * Hide: Hero (dc134b1), Image Accordion/Program (270e020), Galeri (695dc50)
 * Show: Tentang Kami, Visi Misi, Penghargaan sections
 */

/* Force full width layout - override Astra theme containers */
body.page-id-18 #primary,
body.page-id-18 .site-content,
body.page-id-18 main.site-main,
body.page-id-18 .ast-container,
body.page-template-page-tentang-kami #primary,
body.page-template-page-tentang-kami .site-content,
body.page-template-page-tentang-kami main.site-main,
body.page-template-page-tentang-kami .ast-container {
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: block !important;
  visibility: visible !important;
}

/* Hide sidebar completely */
body.page-id-18 #secondary,
body.page-id-18 .widget-area,
body.page-template-page-tentang-kami #secondary,
body.page-template-page-tentang-kami .widget-area {
  display: none !important;
}

/* Remove content wrapper padding */
body.page-id-18 .site-content,
body.page-template-page-tentang-kami .site-content {
  padding: 0 !important;
}

/* Remove margin/padding from content container */
body.page-id-18 #content,
body.page-template-page-tentang-kami #content {
  margin: 0 !important;
  padding: 0 !important;
}

/* Hide featured image/title */
body.page-id-18 .entry-header,
body.page-template-page-tentang-kami .entry-header {
  display: none !important;
}

/* ALLOW: All other Elementor widgets to display (set defaults first) */
body.page-id-18 .elementor,
body.page-id-18 .elementor-section,
body.page-id-18 .elementor-column,
body.page-id-18 .elementor-widget,
body.page-id-18 .elementor-widget-wrap,
body.page-id-18 .elementor-widget-container,
body.page-id-18 .elementor-element,
body.page-template-page-tentang-kami .elementor,
body.page-template-page-tentang-kami .elementor-section,
body.page-template-page-tentang-kami .elementor-column,
body.page-template-page-tentang-kami .elementor-widget,
body.page-template-page-tentang-kami .elementor-widget-wrap,
body.page-template-page-tentang-kami .elementor-widget-container,
body.page-template-page-tentang-kami .elementor-element {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Elementor sections should be full width */
body.page-id-18 .elementor-section,
body.page-template-page-tentang-kami .elementor-section {
  width: 100% !important;
}

/* Hide ONLY specific Elementor sections (must be AFTER allow rules above) */
/* Hide Hero section (background slideshow container) */
body.page-id-18 .elementor-element-dc134b1,
body.page-template-page-tentang-kami .elementor-element-dc134b1 {
  display: none !important;
}

/* Hide Program section containers */
body.page-id-18 .elementor-element-1c7930d,
body.page-id-18 .elementor-element-81465ac,
body.page-id-18 .elementor-element-00915ab,
body.page-template-page-tentang-kami .elementor-element-1c7930d,
body.page-template-page-tentang-kami .elementor-element-81465ac,
body.page-template-page-tentang-kami .elementor-element-00915ab {
  display: none !important;
}

/* Hide Galeri section containers */
body.page-id-18 .elementor-element-cc95f4d,
body.page-id-18 .elementor-element-2103968,
body.page-id-18 .elementor-element-84d19e3,
body.page-template-page-tentang-kami .elementor-element-cc95f4d,
body.page-template-page-tentang-kami .elementor-element-2103968,
body.page-template-page-tentang-kami .elementor-element-84d19e3 {
  display: none !important;
}

/* ===== TENTANG KAMI SECTION - CUSTOM STYLE ===== */

/* Judul "Tentang Kami" warna hitam */
body.page-id-18 .elementor-element-bd3fa3e .elementor-heading-title,
body.page-template-page-tentang-kami .elementor-element-bd3fa3e .elementor-heading-title {
  color: #000000 !important;
}

/* ===== VISI MISI SECTION - CUSTOM STYLE ===== */

/* Hide heading "Visi - Misi" */
body.page-id-18 .elementor-element-f5f88b9,
body.page-template-page-tentang-kami .elementor-element-f5f88b9 {
  display: none !important;
}

/* Parent container Visi Misi - full width */
body.page-id-18 .elementor-element-a6f50c0,
body.page-template-page-tentang-kami .elementor-element-a6f50c0 {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 340px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.page-id-18 .elementor-element-a6f50c0 .e-con-inner,
body.page-template-page-tentang-kami .elementor-element-a6f50c0 .e-con-inner {
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
}

/* Flip box container - disable animation, stack vertical */
body.page-id-18 .eael-elements-flip-box-container,
body.page-template-page-tentang-kami .eael-elements-flip-box-container {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  perspective: none !important;
  width: 100% !important;
}

/* Flip card wrapper - no transform */
body.page-id-18 .eael-elements-flip-box-flip-card,
body.page-template-page-tentang-kami .eael-elements-flip-box-flip-card {
  transform: none !important;
  transform-style: flat !important;
  transition: none !important;
  width: 100% !important;
}

/* Front container (VISI) - background solid 26959A */
body.page-id-18 .eael-elements-flip-box-front-container,
body.page-template-page-tentang-kami .eael-elements-flip-box-front-container {
  position: static !important;
  transform: none !important;
  backface-visibility: visible !important;
  background: #26959A !important;
  padding: 60px 40px !important;
  width: 100% !important;
}

/* Rear container (MISI) - background 26959A 74% opacity */
body.page-id-18 .eael-elements-flip-box-rear-container,
body.page-template-page-tentang-kami .eael-elements-flip-box-rear-container {
  position: static !important;
  transform: none !important;
  backface-visibility: visible !important;
  background: rgba(38, 149, 154, 0.74) !important;
  padding: 60px 40px !important;
  width: 100% !important;
}

/* Text styling untuk Visi & Misi - SEMUA warna putih */
body.page-id-18 .eael-elements-flip-box-front-container *,
body.page-id-18 .eael-elements-flip-box-rear-container *,
body.page-template-page-tentang-kami .eael-elements-flip-box-front-container *,
body.page-template-page-tentang-kami .eael-elements-flip-box-rear-container * {
  color: #ffffff !important;
}

/* Misi section - setup counter */
body.page-id-18 .eael-elements-flip-box-rear-container .eael-elements-flip-box-content,
body.page-template-page-tentang-kami .eael-elements-flip-box-rear-container .eael-elements-flip-box-content {
  counter-reset: misi-counter !important;
}

/* Misi list items dengan numbering */
body.page-id-18 .eael-elements-flip-box-rear-container .eael-elements-flip-box-content p,
body.page-template-page-tentang-kami .eael-elements-flip-box-rear-container .eael-elements-flip-box-content p {
  counter-increment: misi-counter !important;
  position: relative !important;
  padding-left: 0 !important;
  margin-bottom: 12px !important;
  text-indent: 0 !important;
}

/* Numbering sebelum setiap item Misi */
body.page-id-18 .eael-elements-flip-box-rear-container .eael-elements-flip-box-content p::before,
body.page-template-page-tentang-kami .eael-elements-flip-box-rear-container .eael-elements-flip-box-content p::before {
  content: counter(misi-counter) ". " !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  margin-right: 8px !important;
}

/* Remove display table untuk natural stacking */
body.page-id-18 .eael-elements-slider-display-table,
body.page-template-page-tentang-kami .eael-elements-slider-display-table {
  display: block !important;
  height: auto !important;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {

  body.page-id-18 .eael-elements-flip-box-front-container,
  body.page-id-18 .eael-elements-flip-box-rear-container,
  body.page-template-page-tentang-kami .eael-elements-flip-box-front-container,
  body.page-template-page-tentang-kami .eael-elements-flip-box-rear-container {
    padding: 40px 24px !important;
  }
}

/* ===== PENGHARGAAN SECTION - CUSTOM CARD STYLE ===== */

/* Container untuk card grid */
body.page-id-18 .eael-adv-accordion,
body.page-template-page-tentang-kami .eael-adv-accordion {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
  gap: 24px !important;
  padding: 0 !important;
}

/* Individual card (accordion list item) */
body.page-id-18 .eael-accordion-list,
body.page-template-page-tentang-kami .eael-accordion-list {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  overflow: hidden;
  margin-bottom: 0 !important;
}

/* Card hover effect */
body.page-id-18 .eael-accordion-list:hover,
body.page-template-page-tentang-kami .eael-accordion-list:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}

/* Card header (judul penghargaan) */
body.page-id-18 .eael-accordion-header,
body.page-template-page-tentang-kami .eael-accordion-header {
  background: linear-gradient(135deg, #26959A 0%, #1f7a7e 100%) !important;
  color: #ffffff !important;
  padding: 20px 24px !important;
  cursor: default !important;
  border: none !important;
  margin: 0 !important;
}

/* Judul penghargaan text */
body.page-id-18 .eael-accordion-tab-title,
body.page-template-page-tentang-kami .eael-accordion-tab-title {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  margin: 0 !important;
}

/* Hide accordion icons (plus/minus/arrow) */
body.page-id-18 .eael-accordion-header .eael-advanced-accordion-icon-closed,
body.page-id-18 .eael-accordion-header .eael-advanced-accordion-icon-opened,
body.page-id-18 .eael-accordion-header .fa-toggle,
body.page-template-page-tentang-kami .eael-accordion-header .eael-advanced-accordion-icon-closed,
body.page-template-page-tentang-kami .eael-accordion-header .eael-advanced-accordion-icon-opened,
body.page-template-page-tentang-kami .eael-accordion-header .fa-toggle {
  display: none !important;
}

/* Card content (always visible) */
body.page-id-18 .eael-accordion-content,
body.page-template-page-tentang-kami .eael-accordion-content {
  display: block !important;
  max-height: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  padding: 24px !important;
  background: #ffffff !important;
  border: none !important;
}

/* Content text styling */
body.page-id-18 .eael-accordion-content p,
body.page-template-page-tentang-kami .eael-accordion-content p {
  margin-bottom: 16px;
  color: #333333;
  line-height: 1.6;
}

body.page-id-18 .eael-accordion-content p:last-child,
body.page-template-page-tentang-kami .eael-accordion-content p:last-child {
  margin-bottom: 0;
}

/* Content images */
body.page-id-18 .eael-accordion-content img,
body.page-template-page-tentang-kami .eael-accordion-content img {
  border-radius: 8px;
  margin: 16px 0;
  max-width: 100%;
  height: auto;
}

/* Content headings */
body.page-id-18 .eael-accordion-content h3,
body.page-template-page-tentang-kami .eael-accordion-content h3 {
  color: #26959A;
  font-size: 20px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 12px;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {

  body.page-id-18 .eael-adv-accordion,
  body.page-template-page-tentang-kami .eael-adv-accordion {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  body.page-id-18 .eael-accordion-header,
  body.page-template-page-tentang-kami .eael-accordion-header {
    padding: 16px 20px !important;
  }

  body.page-id-18 .eael-accordion-tab-title,
  body.page-template-page-tentang-kami .eael-accordion-tab-title {
    font-size: 16px !important;
  }

  body.page-id-18 .eael-accordion-content,
  body.page-template-page-tentang-kami .eael-accordion-content {
    padding: 20px !important;
  }
}

/* Responsive Design */
@media screen and (max-width: 768px) {

  body.page-id-18 #primary,
  body.page-id-18 .ast-container,
  body.page-template-page-tentang-kami #primary,
  body.page-template-page-tentang-kami .ast-container {
    padding: 30px 15px !important;
  }

  body.page-template-page-tentang-kami .entry-title {
    font-size: 28px;
  }

  body.page-template-page-tentang-kami .entry-content {
    font-size: 15px;
  }

  body.page-template-page-tentang-kami .entry-content h2 {
    font-size: 24px;
  }

  body.page-template-page-tentang-kami .entry-content h3 {
    font-size: 20px;
  }
}

@media screen and (max-width: 480px) {

  body.page-id-18 #primary,
  body.page-id-18 .ast-container,
  body.page-template-page-tentang-kami #primary,
  body.page-template-page-tentang-kami .ast-container {
    padding: 20px 10px !important;
  }

  body.page-template-page-tentang-kami .entry-title {
    font-size: 24px;
  }

  body.page-template-page-tentang-kami .entry-content {
    font-size: 14px;
  }
}