/* ============================================
   Template 7: "Slate & Coral" — Warm Wealth Advisory
   PT Manulife Aset Manajemen Indonesia
   Primary: #2C3E50 | Accent: #E8988A | Dark: #1A252F | Light bg: #FDF9F8
   Fonts: Stack Sans Headline (display) + Epunda Sans (body)
   ============================================ */

/* ---- Font Faces ---- */
@font-face{font-family:'Stack Sans Headline';src:url('https://fonts.gstatic.com/s/') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:'Epunda Sans';src:url('https://fonts.gstatic.com/s/') format('woff2');font-weight:300 400 500 600 700;font-display:swap}

/* ---- Root Variables ---- */
:root{color-scheme:light}

/* ---- Typography ---- */
body{font-family:'Epunda Sans',sans-serif;color:#2C3E50;background:#FDF9F8;overflow-x:hidden}
h1,h2,h3,h4,h5,h6,.display-1,.display-2,.display-4,.display-5,.display-7{font-family:'Stack Sans Headline',sans-serif;font-weight:700}
.display-1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.15}
.display-2{font-size:clamp(1.8rem,3.5vw,3rem)}
.display-4{font-size:1rem;font-weight:500;font-family:'Epunda Sans',sans-serif}
.display-5{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:600}
.display-7{font-size:1.1rem;font-weight:600;font-family:'Epunda Sans',sans-serif}
p{line-height:1.75;color:#3a4f63}
a{transition:all .3s ease}
img{max-width:100%;height:auto}

/* ---- Navbar ---- */
.custom-navbar{background:rgba(253,249,248,.97);backdrop-filter:blur(10px);box-shadow:0 2px 20px rgba(44,62,80,.08);padding:.6rem 0;transition:all .3s ease}
.custom-navbar .navbar-brand{display:flex;align-items:center;gap:.6rem}
.custom-navbar .navbar-brand img{height:3rem}
.custom-navbar .navbar-caption{font-family:'Stack Sans Headline',sans-serif;font-weight:700;font-size:1.1rem;color:#2C3E50!important;text-decoration:none}
.custom-navbar .navbar-toggler{border:none;padding:.5rem;box-shadow:none}
.custom-navbar .navbar-toggler:focus{box-shadow:none}
.custom-navbar .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(44,62,80,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.custom-navbar .nav-link{font-family:'Epunda Sans',sans-serif;font-weight:500;font-size:.95rem;color:#2C3E50!important;border-radius:8px;padding:.5rem 1rem;margin:0 .15rem;transition:all .3s ease}
.custom-navbar .nav-link:hover{background:rgba(232,152,138,.12);color:#1A252F!important}
.custom-navbar .nav-link.active{background:rgba(232,152,138,.18);color:#1A252F!important;font-weight:600}
.custom-navbar .navbar-buttons .btn{font-family:'Epunda Sans',sans-serif;font-weight:600;font-size:.9rem;padding:.55rem 1.4rem;border-radius:50px;display:inline-flex;align-items:center;gap:.4rem}
.custom-navbar .btn-primary{background:#E8988A;border-color:#E8988A;color:#fff}
.custom-navbar .btn-primary:hover{background:#d98172;border-color:#d98172}
.custom-navbar .navbar-nav{background:rgba(253,249,248,.97);border-radius:14px;padding:.3rem .5rem}
@media(min-width:992px){.custom-navbar .navbar-nav{background:rgba(232,152,138,.06);border-radius:14px;padding:.3rem .6rem}}

/* ---- Parallax Hero ---- */
.parallax-hero{position:relative;min-height:100vh;display:flex;align-items:center;background-size:cover;background-position:center;background-attachment:fixed;overflow:hidden}
.parallax-hero .gradient-wrapper{position:absolute;inset:0;background:linear-gradient(135deg,rgba(26,37,47,.85),rgba(44,62,80,.7),rgba(232,152,138,.35));z-index:1}
.parallax-hero .container{position:relative;z-index:2;padding-top:5rem;padding-bottom:3rem}
.parallax-hero .subtitle{font-family:'Epunda Sans',sans-serif;font-weight:500;color:#E8988A;font-size:1.15rem;letter-spacing:.05em;margin-bottom:.5rem}
.parallax-hero .hero-cta{margin-top:2rem}
.parallax-hero .hero-cta .btn{padding:.75rem 2.2rem;font-size:1rem;font-weight:600;border-radius:50px;display:inline-flex;align-items:center;gap:.5rem;font-family:'Epunda Sans',sans-serif}
.parallax-hero .hero-cta .btn-primary{background:#E8988A;border-color:#E8988A}
.parallax-hero .hero-cta .btn-primary:hover{background:#d98172;border-color:#d98172}
.parallax-hero .hero-cta .btn-outline-light{border-width:2px}
.parallax-hero .hero-cta .btn-outline-light:hover{background:#fff;color:#2C3E50}

/* ---- Sections ---- */
.section{padding:5rem 0}
.section-heading{font-family:'Stack Sans Headline',sans-serif;margin-bottom:.8rem;color:#1A252F}
.section-subtitle{color:#6b8299;font-size:1.05rem;max-width:650px;margin:0 auto 3rem}
.section-label{color:#E8988A;font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem}

/* ---- Advantages Section ---- */
.advantages-section{background:#fff;padding:5rem 0}
.advantage-item{margin-bottom:2rem}
.advantage-icon{width:55px;height:55px;background:rgba(232,152,138,.12);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#E8988A;margin-bottom:1rem}
.advantage-item h5{font-family:'Stack Sans Headline',sans-serif;font-weight:700;font-size:1.1rem;color:#1A252F;margin-bottom:.4rem}
.advantage-item p{font-size:.92rem;color:#5a7085}

/* ---- Service Cards ---- */
.service-card{border:none;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px rgba(44,62,80,.06);transition:all .35s ease;background:#fff;height:100%}
.service-card:hover{transform:translateY(-6px);box-shadow:0 12px 36px rgba(44,62,80,.1)}
.service-card .card-img-top{height:220px;object-fit:cover}
.service-card .card-body{padding:1.8rem}
.service-card .card-title{font-family:'Stack Sans Headline',sans-serif;font-weight:700;font-size:1.25rem;color:#1A252F;margin-bottom:.6rem}
.service-card .card-text{font-size:.92rem;color:#5a7085;line-height:1.7}
.service-card .btn-link{color:#E8988A;font-weight:600;text-decoration:none;padding:0;font-size:.9rem;display:inline-flex;align-items:center;gap:.3rem}
.service-card .btn-link:hover{color:#d98172}

/* ---- Dark Parallax Section ---- */
.parallax-section{position:relative;background-size:cover;background-position:center;background-attachment:fixed;padding:6rem 0}
.parallax-section .overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(26,37,47,.88),rgba(44,62,80,.75));z-index:1}
.parallax-section .container{position:relative;z-index:2}
.parallax-section .section-heading{color:#fff}
.parallax-section p{color:rgba(255,255,255,.85)}

/* ---- Contact Form ---- */
.contact-form-section{background:#fff;padding:5rem 0}
.contact-form-wrapper{background:#FDF9F8;border-radius:20px;padding:2.5rem;box-shadow:0 4px 28px rgba(44,62,80,.06)}
.contact-form-wrapper .form-control{border:1.5px solid #e8dfda;border-radius:10px;padding:.7rem 1rem;font-size:.95rem;font-family:'Epunda Sans',sans-serif;transition:all .3s ease;background:#fff}
.contact-form-wrapper .form-control:focus{border-color:#E8988A;box-shadow:0 0 0 3px rgba(232,152,138,.15)}
.contact-form-wrapper textarea.form-control{min-height:130px;resize:vertical}
.contact-form-wrapper .btn-submit{background:#E8988A;border:none;color:#fff;padding:.75rem 2.2rem;font-weight:600;border-radius:50px;font-size:1rem;display:inline-flex;align-items:center;gap:.5rem;font-family:'Epunda Sans',sans-serif;transition:all .3s ease}
.contact-form-wrapper .btn-submit:hover{background:#d98172;transform:translateY(-2px)}

/* ---- Contact Info ---- */
.contact-info-section{background:#1A252F;padding:4rem 0}
.contact-info-card{text-align:center;padding:1.5rem}
.contact-info-icon{width:60px;height:60px;background:rgba(232,152,138,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#E8988A;margin:0 auto 1rem}
.contact-info-card h5{color:#fff;font-family:'Stack Sans Headline',sans-serif;font-weight:700;font-size:1rem;margin-bottom:.4rem}
.contact-info-card p{color:rgba(255,255,255,.7);font-size:.9rem;line-height:1.6;margin-bottom:0}
.contact-info-card a{color:rgba(255,255,255,.8);text-decoration:none}
.contact-info-card a:hover{color:#E8988A}

/* ---- Map ---- */
.map-section{position:relative}
.map-section iframe{width:100%;height:400px;border:none}

/* ---- FAQ Accordion ---- */
.faq-section{background:#FDF9F8;padding:5rem 0}
.accordion .accordion-item{border:none;margin-bottom:.8rem;border-radius:12px!important;overflow:hidden;box-shadow:0 2px 12px rgba(44,62,80,.04)}
.accordion .accordion-button{font-family:'Stack Sans Headline',sans-serif;font-weight:700;font-size:1.05rem;color:#1A252F;background:#fff;padding:1.1rem 1.5rem;box-shadow:none;border-radius:12px!important}
.accordion .accordion-button:not(.collapsed){background:rgba(232,152,138,.08);color:#1A252F;box-shadow:none}
.accordion .accordion-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23E8988A'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}
.accordion .accordion-body{font-size:.93rem;color:#5a7085;line-height:1.75;padding:0 1.5rem 1.3rem;background:#fff}

/* ---- Page Hero (sub pages) ---- */
.page-hero{position:relative;min-height:40vh;display:flex;align-items:center;background-size:cover;background-position:center;overflow:hidden}
.page-hero .gradient-wrapper{position:absolute;inset:0;background:linear-gradient(135deg,rgba(26,37,47,.85),rgba(44,62,80,.7),rgba(232,152,138,.3));z-index:1}
.page-hero .container{position:relative;z-index:2;padding-top:6rem}
.page-hero h1{color:#fff;font-size:clamp(2rem,4vw,3.5rem)}

/* ---- Footer ---- */
.site-footer{background:#1A252F;padding:2rem 0;text-align:center}
.site-footer .footer-links{margin-bottom:.8rem}
.site-footer .footer-links a{color:rgba(255,255,255,.7);text-decoration:none;font-size:.9rem;margin:0 .7rem;transition:color .3s ease;font-family:'Epunda Sans',sans-serif}
.site-footer .footer-links a:hover{color:#E8988A}
.site-footer .copyright{color:rgba(255,255,255,.45);font-size:.82rem}

/* ---- Legal Pages ---- */
.legal-content{padding:7rem 0 4rem}
.legal-content h2{color:#1A252F;font-family:'Stack Sans Headline',sans-serif;margin-bottom:.5rem}
.legal-content h3{color:#1A252F;font-family:'Stack Sans Headline',sans-serif;font-size:1.2rem;margin-top:2rem;margin-bottom:.8rem}
.legal-content h4{color:#2C3E50;font-size:1.05rem;margin-top:1.5rem;margin-bottom:.5rem}
.legal-content p,.legal-content li{color:#5a7085;font-size:.93rem;line-height:1.8}
.legal-content .container a{color:#2C3E50;text-decoration:none}
.legal-content .container a:hover{color:#E8988A;text-decoration:underline}
.legal-content .wp-block-table{overflow-x:auto;margin:1.5rem 0}
.legal-content .wp-block-table table{width:100%;border-collapse:collapse}
.legal-content .wp-block-table th{background:#f5f0ed;font-weight:600;text-align:left}
.legal-content .wp-block-table td,.legal-content .wp-block-table th{padding:12px;border:1px solid #d5cbc5}
.cookie-tables-white .wp-block-table table,.cookie-tables-white .wp-block-table th,.cookie-tables-white .wp-block-table td{border:1px solid black!important;border-collapse:collapse!important}
.cookie-tables-white .wp-block-table th,.cookie-tables-white .wp-block-table td{padding:12px 8px!important}

/* ---- Responsive ---- */
@media(max-width:991px){
  .parallax-hero{background-attachment:scroll;min-height:auto;padding:8rem 0 4rem}
  .parallax-section{background-attachment:scroll}
  .page-hero{min-height:30vh}
  .custom-navbar .navbar-nav{background:transparent;padding:.5rem 0}
  .custom-navbar .nav-link{padding:.6rem 1rem}
}
@media(max-width:767px){
  .section{padding:3.5rem 0}
  .display-1{font-size:2.2rem}
  .contact-form-wrapper{padding:1.5rem}
  .contact-info-card{margin-bottom:1.5rem}
}

/* ---- Animation ---- */
.fade-in-up{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}
@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}
.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}