/* ===== Split Accordion (scoped) ======================================= */
/* Container */
#<?php echo $sec_id; ?>.split-accordion-section{
  max-width:1200px;
  margin:80px auto;
  padding:40px;
  background:#fff;
  border-radius:12px;
  box-shadow:0 8px 20px rgba(0,0,0,.08);
  overflow:visible;
  position:relative;
  z-index:0;
}

/* Header */
#<?php echo $sec_id; ?> .accordion-header{ text-align:center; margin-bottom:40px; }
#<?php echo $sec_id; ?> .accordion-header h2{
  font-family:'Archivo', sans-serif; font-weight:700;
  font-size:36px; line-height:1.2; margin:0 0 10px; color:#191919;
}
#<?php echo $sec_id; ?> .accordion-header .sub-headline{
  font-family:'Archivo', sans-serif; font-weight:400;
  font-size:20px; line-height:1.2; color:#191919; margin:0;
}

/* Layout */
#<?php echo $sec_id; ?> .accordion-wrapper{ display:flex; gap:40px; align-items:center; }
#<?php echo $sec_id; ?> .accordion-left{ flex:1; }

/* Items */
#<?php echo $sec_id; ?> .accordion-item{ border-bottom:1px solid #e6e6e6; padding:14px 0; }
#<?php echo $sec_id; ?> .accordion-title{
  position:relative;
  display:block; width:100%; text-align:left;
  cursor:pointer; background:transparent; border:0; padding:0 48px 0 0;
  font-family:'Archivo', sans-serif; font-size:26px; line-height:1.2; font-weight:600; color:#191919;
}

/* Remove underline/highlight from the title text */
#<?php echo $sec_id; ?> .accordion-title,
#<?php echo $sec_id; ?> .accordion-title:focus,
#<?php echo $sec_id; ?> .accordion-title:active{
  text-decoration:none !important;
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
}

/* Content */
#<?php echo $sec_id; ?> .accordion-content{
  display:block;                 /* ensure block context */
  margin-top:10px;
  font-family:'Archivo', sans-serif;
  font-size:15px; line-height:22px; font-weight:400; color:#444;
}
#<?php echo $sec_id; ?> .accordion-item:not(.active) .accordion-content{ display:none; }
#<?php echo $sec_id; ?> .accordion-item.active .accordion-content{ display:block; }

/* Kill any theme/plugin icons on titles */
#<?php echo $sec_id; ?> .accordion-title svg,
#<?php echo $sec_id; ?> .accordion-title i,
#<?php echo $sec_id; ?> .accordion-title::before,
#<?php echo $sec_id; ?> .accordion-title::after{
  display:none !important; content:"" !important;
}

/* Our single, authoritative icon */
#<?php echo $sec_id; ?> .accordion-title .acc-icon{
  position:absolute; right:0; top:50%; transform:translateY(-50%);
  width:32px; height:32px; border-radius:50%;
  background:#FFDF00; color:#0B2D35;
  display:inline-flex; align-items:center; justify-content:center;
  font-family:inherit; font-size:18px; font-weight:700; line-height:1;
  box-shadow:0 2px 8px rgba(0,0,0,.10);
  transition:transform .25s ease, color .25s ease, background-color .25s ease, opacity .2s ease;
}
#<?php echo $sec_id; ?> .accordion-item.active .accordion-title .acc-icon{
  transform:translateY(-50%) rotate(180deg);
}

/* Focus style (use icon as focus indicator) */
#<?php echo $sec_id; ?> .accordion-title:focus .acc-icon{
  background:#FFDF00;
  color:#0B2D35;
  box-shadow:0 0 0 3px rgba(255,223,0,.5);
}

/* Right image pane */
#<?php echo $sec_id; ?> .accordion-right{ flex:1; text-align:center; }
#<?php echo $sec_id; ?> .accordion-right img{
  width:100%; max-width:360px; border-radius:8px; box-shadow:none; margin:0 auto; display:block;
}
#<?php echo $sec_id; ?> .image-placeholder{
  width:100%; max-width:360px; aspect-ratio:4/3; background:#f1f1f1; border-radius:8px; margin:0 auto;
}

/* Inline image for mobile */
#<?php echo $sec_id; ?> .acc-item-image-mobile{
  display:none; width:100%; max-width:360px; border-radius:8px; box-shadow:none; margin:0 0 12px;
}

/* CTA wrapper (forces new line under content) */
#<?php echo $sec_id; ?> .split-acc-cta{
  display:block;
  margin-top:16px;
  clear:both;
}

/* CTA button */
#<?php echo $sec_id; ?> .split-acc-btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:10px 16px;
  font-family:'Archivo', sans-serif; font-size:15px; font-weight:500; line-height:1;
  color:#191919; background:#FFDF00;
  border-radius:999px; text-decoration:none;
  box-shadow:0 2px 8px rgba(0,0,0,.10);
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
#<?php echo $sec_id; ?> .split-acc-btn:hover{
  background:#e6ca00;
  transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(0,0,0,.18);
}
#<?php echo $sec_id; ?> .split-acc-btn__icon{ display:block; }



/* Responsive */
@media (max-width:900px){
  #<?php echo $sec_id; ?> .accordion-wrapper{ flex-direction:column; align-items:stretch; }
  #<?php echo $sec_id; ?> .accordion-right{ display:none; }
  #<?php echo $sec_id; ?> .acc-item-image-mobile{ display:block; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  #<?php echo $sec_id; ?> .accordion-title .acc-icon{ transition:none; }
}