/* =========================================================
   LunaSi — Unified CSS (Copy/Paste Ready)
   Partners Marquee + Footer + Pricing Checklist + Alignment
   ========================================================= */

/* -------------------------
   Partners Marquee Section
   ------------------------- */
.lunasi-partners{
  padding: 48px 0;
  background: #eef2f5;
}

.lunasi-partners__title{
  font-size: 18px;
  font-weight: 600;
  color: #0b2538;
  opacity: 0.75;
  text-align: center;
  margin: 0 0 18px;
}

/* full width strip */
.lunasi-marquee--full{
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}

/* viewport */
.lunasi-marquee__viewport{
  position: relative;
  overflow: hidden;
  background: rgba(255,255,255,0.55);
  border-top: 1px solid rgba(15,36,55,0.06);
  border-bottom: 1px solid rgba(15,36,55,0.06);
  padding: 18px 0;
}

/* soft fades */
.lunasi-marquee__viewport:before,
.lunasi-marquee__viewport:after{
  content:"";
  position:absolute;
  top:0; bottom:0;
  width: 90px;
  z-index: 2;
  pointer-events:none;
}

.lunasi-marquee__viewport:before{
  left:0;
  background: linear-gradient(to right, #eef2f5 0%, rgba(238,242,245,0) 100%);
}

.lunasi-marquee__viewport:after{
  right:0;
  background: linear-gradient(to left, #eef2f5 0%, rgba(238,242,245,0) 100%);
}

/* scrolling track */
.lunasi-marquee__track{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 64px;
  width: max-content;
  padding-left: 40px;
  padding-right: 40px;
  animation: lunasiScroll 26s linear infinite;
  will-change: transform;
}

@keyframes lunasiScroll{
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.lunasi-marquee__viewport:hover .lunasi-marquee__track{
  animation-play-state: paused;
}

/* logo pills */
.lunasi-logo{
  display:flex;
  align-items:center;
  justify-content:center;
  height: 54px;
  min-width: 160px;

  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.2px;
  text-decoration: none;

  color: #465869;
  opacity: 0.70;
  filter: grayscale(100%);
  transition: opacity .18s ease, filter .18s ease, transform .18s ease, color .18s ease;
  cursor: pointer;
}

.lunasi-logo:hover{
  opacity: 1;
  filter: grayscale(0%);
  color: #0b2538;
  transform: translateY(-1px);
}

.lunasi-logo:focus{ outline: none; }

/* reduce motion */
@media (prefers-reduced-motion: reduce){
  .lunasi-marquee__track{ animation: none; }
}

/* tablet */
@media (max-width: 980px){
  .lunasi-partners{ padding: 38px 0; }
  .lunasi-marquee__track{
    gap: 44px;
    padding-left: 24px;
    padding-right: 24px;
    animation-duration: 22s;
  }
  .lunasi-logo{
    min-width: 130px;
    height: 48px;
    font-size: 16px;
  }
}

/* phone */
@media (max-width: 480px){
  .lunasi-marquee__viewport{ padding: 14px 0; }
  .lunasi-marquee__track{
    gap: 32px;
    padding-left: 18px;
    padding-right: 18px;
    animation-duration: 20s;
  }
  .lunasi-logo{
    min-width: 110px;
    height: 44px;
    font-size: 15px;
  }
}

/* -------------------------
   Footer (Pill Buttons)
   ------------------------- */
.lunasi-footer{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:28px 24px;
  box-sizing:border-box;
  font-family: inherit;
}

.lunasi-footer__top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}

.lunasi-footer__social,
.lunasi-footer__nav{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

/* pill style (high specificity) */
.lunasi-footer a.lunasi-pill{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#f3f5f7 !important;
  color:#111 !important;
  padding:10px 18px !important;
  border-radius:999px !important;
  font-size:14px !important;
  font-weight:600 !important;
  text-decoration:none !important;
  line-height:1 !important;
  border:none !important;
  cursor:pointer !important;
  transition:all .2s ease !important;
}

.lunasi-footer a.lunasi-pill:hover{
  background:#111 !important;
  color:#fff !important;
  transform:translateY(-1px);
}

/* CTA pill */
.lunasi-footer a.lunasi-pill--cta{
  background:#00b4d8 !important;
  color:#fff !important;
}

.lunasi-footer a.lunasi-pill--cta:hover{
  background:#0096c7 !important;
}

/* divider */
.lunasi-footer__line{
  height:1px;
  background:rgba(0,0,0,0.15);
  margin:18px 0;
}

/* bottom row */
.lunasi-footer__bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  font-size:13px;
  color:#111;
}

.lunasi-footer__center a{
  color:#111 !important;
  text-decoration:none !important;
}

.lunasi-footer__center a:hover{
  text-decoration:underline !important;
}

/* footer mobile */
@media (max-width: 768px){
  .lunasi-footer__top{ justify-content:center; }
  .lunasi-footer__bottom{ justify-content:center; text-align:center; }
}

/* -------------------------
   Pricing — Alignment + Wrap
   ------------------------- */
/* subtitle full width (prevents early wrap) */
.lp-subtitle{
  max-width: none !important;
  width: 100% !important;
}

/* equal-height cards and consistent top layout */
.lp-card{
  display:flex;
  flex-direction:column;
  height:100%;
}

.lp-grid{
  align-items:stretch;
}

/* IMPORTANT: do NOT push the list to the bottom */
.lp-card-body{
  margin-top: 0 !important;
}

/* optional: tighten list spacing slightly for long Scale list */
.lp-list li{
  margin: 8px 0;
}

/* -------------------------
   Pricing — Checklist Mode
   Use  ... 
   ------------------------- */
.lp-checklist{
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.lp-checklist li{
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding-left: 0 !important; /* override lp-list padding */
}

/* Remove theme check icon for checklist lists */
.lp-checklist li::before,
.lp-list.lp-checklist li::before,
.lp-list.lp-checklist li::marker{
  content: none !important;
  display: none !important;
}

/* Custom mark cell */
.lp-checklist .lp-mark{
  width: 18px;
  flex: 0 0 18px;
  line-height: 1.2;
  margin-top: 2px;
  font-weight: 800;
}

.lp-checklist .is-no .lp-mark{
  opacity: .75;
}

/* Section label rows */
.lp-checklist .lp-section{
  display: block;
  margin-top: 10px;
}
.lp-checklist .lp-section::before{
  content: none !important;
  display: none !important;
}
/* Center pricing header content */
.lunasi-pricing .lp-title,
.lunasi-pricing .lp-subtitle {
  text-align: center;
}

/* Center the toggle row */
.lunasi-pricing .lp-toggle {
  justify-content: center;
}
/* ===============================
   Footer NAV BUTTONS – ONLY
   Home | About Us | Pricing | Industries | Articles | Contact Us
   =============================== */

/* Target ONLY footer menu container */
footer .wp-block-navigation,
footer #menu-footer-menu,
footer .menu-footer-menu-container {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

/* Style ONLY footer menu links as buttons */
footer .wp-block-navigation a,
footer #menu-footer-menu a,
footer .menu-footer-menu-container a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 8px 16px !important;
  border-radius: 999px !important;

  background: #f3f5f7 !important;
  color: #111 !important;

  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-decoration: none !important;

  transition: all 0.2s ease !important;
}

/* Hover state */
footer .wp-block-navigation a:hover,
footer #menu-footer-menu a:hover,
footer .menu-footer-menu-container a:hover {
  background: #111 !important;
  color: #fff !important;
  transform: translateY(-1px);
}
/* Footer buttons — ONLY these 6 links (by URL) */
footer a[href="/"],
footer a[href$="/aboutus/"], footer a[href*="/aboutus"],
footer a[href$="/pricing/"],  footer a[href*="/pricing"],
footer a[href$="/industries/"], footer a[href*="/industries"],
footer a[href$="/articles/"], footer a[href*="/articles"],
footer a[href$="/contactus/"], footer a[href*="/contactus"]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:8px 16px !important;
  border-radius:999px !important;

  background:#f3f5f7 !important;
  color:#111 !important;

  font-size:14px !important;
  font-weight:600 !important;
  line-height:1 !important;
  text-decoration:none !important;

  transition:all .2s ease !important;
}

/* Hover */
footer a[href="/"]:hover,
footer a[href$="/aboutus/"]:hover, footer a[href*="/aboutus"]:hover,
footer a[href$="/pricing/"]:hover,  footer a[href*="/pricing"]:hover,
footer a[href$="/industries/"]:hover, footer a[href*="/industries"]:hover,
footer a[href$="/articles/"]:hover, footer a[href*="/articles"]:hover,
footer a[href$="/contactus/"]:hover, footer a[href*="/contactus"]:hover{
  background:#111 !important;
  color:#fff !important;
  transform:translateY(-1px);
}
/* Center ONLY the footer navigation buttons */
footer .wp-block-navigation,
footer #menu-footer-menu,
footer .menu-footer-menu-container {
  display: flex !important;
  justify-content: center !important;   /* 👈 center horizontally */
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  text-align: center !important;
}
/* ===============================
   Footer top row: logo + nav inline
   =============================== */

/* Make footer top a horizontal row */
footer .lunasi-footer__top,
footer .footer-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
}

/* Keep logo on the left */
footer .lunasi-footer__logo,
footer .footer-logo,
footer .site-logo {
  flex: 0 0 auto;
}

/* Push nav to the right, same line */
footer .wp-block-navigation,
footer #menu-footer-menu,
footer .menu-footer-menu-container {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto;
}
/* Center wrapped footer nav rows (Articles / Contact Us) */
footer .wp-block-navigation,
footer #menu-footer-menu,
footer .menu-footer-menu-container {
  display: flex !important;
  justify-content: center !important;     /* center each row */
  align-items: center !important;
  flex-wrap: wrap !important;
  row-gap: 10px !important;
  column-gap: 12px !important;
  text-align: center !important;
}
/* Make footer menu center-wrap correctly (2nd line centered) */
footer .wp-block-navigation,
footer #menu-footer-menu,
footer .menu-footer-menu-container {
  display: inline-flex !important;        /* shrink-wrap container */
  width: fit-content !important;
  max-width: 520px !important;           /* helps balance rows */
  justify-content: center !important;     /* center each wrapped row */
  align-items: center !important;
  flex-wrap: wrap !important;
  column-gap: 12px !important;
  row-gap: 10px !important;
  text-align: center !important;
}

/* Ensure its parent centers the whole block (logo line unaffected) */
footer .lunasi-footer__top,
footer .footer-bar {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

footer .lunasi-footer__nav,
footer nav {
  display: flex !important;
  justify-content: flex-end !important;  /* keeps it on the right of logo */
}
footer .wp-block-navigation__container{
  display: inline-flex !important;
  width: fit-content !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 12px !important;
}
/* FORCE center ONLY the footer navigation wrapped rows */
footer .wp-block-navigation__container{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;   /* centers each wrapped line */
  align-items: center !important;
  gap: 12px !important;
  margin: 0 auto !important;            /* centers container itself */
  padding: 0 !important;
}

/* Make list items not create extra left offset */
footer .wp-block-navigation__container > li{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Keep each button from breaking */
footer .wp-block-navigation__container a{
  white-space: nowrap !important;
}
footer ul.menu{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:12px !important;
  margin:0 auto !important;
  padding:0 !important;
}
footer ul.menu > li{ list-style:none !important; margin:0 !important; padding:0 !important; }
footer ul.menu a{ white-space:nowrap !important; }