/* ==========================================================================
   PAP 2026 Theme Override
   Palette pulled from the conference banner (PAP 2026 / Save the Date)
   Load this file AFTER style.css and style-hero.css so it wins.
   ========================================================================== */

:root {
  --pap-purple-dark:   #39346C;  /* primary deep purple/indigo   */
  --pap-purple-deep:   #3A2A72;  /* secondary/footer purple      */
  --pap-magenta:       #8B2D70;  /* mid gradient accent          */
  --pap-orange:        #EB7655; /* mid/late gradient accent      */
  --pap-orange-light:  #F2874A; /* lighter orange for hovers     */
  --pap-gold:          #FCAE16; /* highlight / CTA accent        */
  --pap-gradient: linear-gradient(135deg, var(--pap-purple-dark) 0%, var(--pap-magenta) 55%, var(--pap-orange) 100%);
  --pap-gradient-soft: linear-gradient(135deg, var(--pap-purple-deep) 0%, var(--pap-magenta) 100%);
}

/* ---------- Core brand color/background utilities ---------- */
.theme-bg { background: var(--pap-gradient) !important; }
.theme-color { color: var(--pap-magenta) !important; }

/* ---------- Buttons ---------- */
.boxed-btn {
  color: var(--pap-purple-dark) !important;
  border: 1px solid var(--pap-purple-dark) !important;
}
.boxed-btn:hover {
  background: var(--pap-gradient) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
}

.btn {
  background: var(--pap-gradient) !important;
}
.btn::before {
  background: var(--pap-gradient-soft) !important;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle,
.btn-primary:hover {
  background: var(--pap-gradient) !important;
  border-color: var(--pap-purple-dark) !important;
  color: #fff !important;
}

.hero-btn,
.white-btn {
  color: white /*var(--pap-purple-dark)*/ !important;
}
.hero-btn::before {
  background: var(--pap-gold) !important;
}
.hero-btn:hover {
  color: #fff !important;
}

.black-btn::before { background: var(--pap-gradient) !important; }

.border-btn { border: 1px solid var(--pap-orange) !important; }
.border-btn::before { background: var(--pap-gradient) !important; }

.genric-btn.primary { background: var(--pap-gradient) !important; }
.genric-btn.primary:hover {
  color: var(--pap-purple-dark) !important;
  border: 1px solid var(--pap-purple-dark) !important;
  background: #fff !important;
}
.genric-btn.primary-border {
  color: var(--pap-purple-dark) !important;
  border: 1px solid var(--pap-purple-dark) !important;
}
.genric-btn.primary-border:hover { background: var(--pap-gradient) !important; }

/* ---------- Scroll to top ---------- */
#scrollUp, #back-top { background: var(--pap-gradient) !important; }

/* ---------- Header / navigation ---------- */
.header-area .main-header .main-menu ul li:hover > a { color: var(--pap-magenta) !important; }
.header-area .main-header .main-menu ul ul.submenu > li > a:hover { color: var(--pap-magenta) !important; }
.mobile_menu .slicknav_menu .slicknav_btn .slicknav_icon-bar { background-color: var(--pap-purple-dark) !important; }
.mobile_menu .slicknav_menu .slicknav_nav a:hover { color: var(--pap-magenta) !important; }

/* ---------- Section titles ---------- */
.section-tittle span { color: var(--pap-gold) !important; }

/* ---------- Accordion / tabs ---------- */
.accordion .nav-tabs { background: #f5f3f9; }
.accordion .nav-tabs .nav-link::after { background: var(--pap-gold) !important; }
.accordion .nav-tabs .nav-item.show .nav-link,
.accordion .nav-tabs .nav-link.active { background: var(--pap-gradient) !important; }
.accordion .nav-tabs .nav-item { color: var(--pap-purple-dark) !important; }
.accordion .accordion-wrapper .card-header a span { color: var(--pap-magenta) !important; }
.accordion .accordion-wrapper .card-header h2 a::after { color: var(--pap-purple-dark) !important; }

/* ---------- Preloader ---------- */
.preloader .preloader-circle { border-top-color: var(--pap-magenta) !important; }
.preloader .pere-text strong { color: var(--pap-gold) !important; }

/* ---------- Footer ---------- */
.footer-area { background: var(--pap-gradient) !important; }
.footer-area .footer-social2 a:hover { background: var(--pap-gold) !important; }
.footer-bottom-area .footer-copy-right p i,
.footer-bottom-area .footer-copy-right p a { color: var(--pap-gold) !important; }
.footer-bottom-area .footer-copy-right p a:hover { color: #fff !important; }

/* ---------- Speakers / Organizing committee / Cabinet ---------- */
.speakers .speaker-item .image .primary-overlay { background: var(--pap-gradient) !important; }
.speakers .speaker-item .content h5 a:hover { color: var(--pap-magenta) !important; }
.speakers-full-width .speaker-slider .speaker-image .primary-overlay { background: var(--pap-gradient) !important; }
.speakers-full-width .speaker-slider .slick-prev:hover:before,
.speakers-full-width .speaker-slider .slick-next:hover:before { color: var(--pap-magenta) !important; }
.speakers-full-width .speaker-slider .slick-prev:before,
.speakers-full-width .speaker-slider .slick-next:before { color: var(--pap-purple-dark) !important; }

/* Cabinet + Quick Links section backgrounds (was inline "background: maroon") */
.team-area.speakers,
.work-company {
  background: var(--pap-gradient) !important;
}

/* ---------- Blog ---------- */
.home-blog-area .home-blog-single .blog-img-cap .blog-cap h3 a:hover { color: var(--pap-magenta) !important; }
.blog_area a:hover, .blog_area a :hover {
  background: linear-gradient(131deg, var(--pap-purple-dark) 0%, var(--pap-orange) 99%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.single-blog a:hover { color: var(--pap-magenta) !important; }
.blog_details a:hover { color: var(--pap-magenta) !important; }
.blog_item_img .blog_item_date { background-color: var(--pap-purple-dark) !important; }

/* ---------- Contact ---------- */
.contact-info .media-body h3 a:hover { color: var(--pap-magenta) !important; }
.contact-section .btn_2 { background-color: var(--pap-purple-dark) !important; }
.contact-section .btn_2:hover { background-color: var(--pap-magenta) !important; }

/* ---------- Typography accents (quotes, lists) ---------- */
.generic-blockquote { border-left: 2px solid var(--pap-magenta) !important; }
.unordered-list li:before { border: 3px solid var(--pap-magenta) !important; }
.ordered-list li,
.ordered-list-alpha li,
.ordered-list-roman li { color: var(--pap-magenta) !important; }
.single-input-primary:focus { border: 1px solid var(--pap-magenta) !important; }

/* ---------- Reg badge / Hero wrap gradients (style-hero.css leftovers) ---------- */
.reg { background: var(--pap-gradient) !important; }
.hero-wrap .overlay { background: var(--pap-gradient) !important; }
.owl-carousel.home-slider .slider-item .slider-text h2 { color: var(--pap-gold) !important; }

/* ---------- Mobile quick-link cards ---------- */
.mobilecards { background: var(--pap-gradient) !important; }

/* ---------- Popup close button ---------- */
.close-btn { background: var(--pap-magenta) !important; }