/* Shared theme integration. Existing PHP actions and form fields remain unchanged. */
body.i2f-integrated{font-family:Manrope,Arial,sans-serif;font-size:14px;line-height:1.65}body.i2f-integrated small,body.i2f-integrated .small{font-size:13px}body.i2f-integrated .i2f-site-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:20px max(24px,calc((100% - 1200px)/2));border-bottom:1px solid #ffffff15;background:#181a1e;position:relative;z-index:5}.i2f-site-header .brand{flex-shrink:0}.i2f-site-header>.clearfix{display:none}.i2f-public-navigation{margin:0;background:transparent;border:0;min-height:0}.i2f-public-navigation .container{width:auto;padding:0}.i2f-public-navigation .navbar-collapse{padding:0}.i2f-public-navigation .nav{display:flex;flex-wrap:wrap;gap:6px}.i2f-public-navigation .nav>li>a{color:#c9c8c1;font-size:14px;padding:9px 12px;background:none}.i2f-public-navigation .nav>li>a:hover,.i2f-public-navigation .nav>li.active>a{color:#e4bc61;background:#ffffff08;border-radius:6px}.i2f-member-heading{display:none}.i2f-top-ad:empty{display:none}.i2f-top-ad{clear:both;padding:12px;text-align:center}.i2f-top-ad:not(:has(img)){display:none}.i2f-auth-section{padding:20px 0 60px}.i2f-auth-section .auth-layout{align-items:center}.i2f-login-card{width:100%;float:none;min-width:0}.i2f-login-card .form-horizontal .form-group{margin:0 0 20px}.i2f-login-card .control-label,.i2f-login-card .col-sm-9,.i2f-login-card .col-lg-12{width:100%;float:none;padding:0;text-align:left}.i2f-login-card label{font-size:14px;font-weight:500;margin-bottom:8px}.i2f-login-card input{width:100%;height:50px;background:#fff;border:1px solid #d9d8d0;color:#20251e;box-shadow:none;padding:12px 14px;font-size:14px;border-radius:6px}.i2f-login-card .btn{width:100%;border:1px solid #c6a15a;border-radius:6px;background:#dcbb74;color:#242821;padding:12px 20px;font-size:14px;font-weight:700}.i2f-login-card h2{font-size:30px;text-align:left}.i2f-login-card>p{margin-bottom:26px}.i2f-site-footer{clear:both;padding:46px 0 30px;background:#171b1c;border-top:1px solid #ffffff12;color:#a5aaa4}.i2f-site-footer .container{display:flex;gap:30px}.i2f-site-footer .container>div{float:none;width:33.333%;padding:0;min-width:0}.i2f-site-footer h1{font-size:17px;letter-spacing:0;font-weight:600;color:#e9e8df;margin:0 0 18px}.i2f-site-footer .brand{font-size:24px;padding:0;margin-bottom:18px}.i2f-site-footer p,.i2f-site-footer li,.i2f-site-footer a{font-size:13px;line-height:1.8}.i2f-site-footer hr{display:none}.i2f-site-footer ul{list-style:none;padding:0}.i2f-site-footer .quick-links ul{display:inline-block;vertical-align:top;width:48%}.i2f-site-footer .icon{display:flex;width:auto;height:auto;gap:15px}.copyright{clear:both;background:#171b1c;color:#969e93;padding:15px 0;border-top:1px solid #ffffff0d;font-size:13px}.copyright p{font-size:13px}.i2f-menu-toggle{display:none}.i2f-member-shade{display:none}
/* Member-specific overrides come after both public and dashboard styles. */
body.i2f-member-page{background:#f5f5f0;color:#171a1b}body.i2f-member-page .i2f-site-header{margin-left:242px;padding:22px 42px;height:87px;background:#fbfbf8;border-color:#e6e5df}body.i2f-member-page .i2f-public-brand,body.i2f-member-page .i2f-public-navigation{display:none}body.i2f-member-page .i2f-member-heading{display:flex;align-items:center;gap:14px;color:#788072;font-size:13px}body.i2f-member-page .i2f-member-heading strong{color:#3f493a;font-weight:500}body.i2f-member-page .i2f-top-ad{margin-left:242px}body.i2f-member-page .sidebar{background:#171b1c;line-height:1.4}body.i2f-member-page .sidebar .brand{font-size:23px;letter-spacing:1px}body.i2f-member-page .sidebar .nav{list-style:none;padding:0;margin:0;display:grid;gap:6px}body.i2f-member-page .sidebar .nav>li{display:block;float:none;margin:0;padding:0;color:#aeb3b0}body.i2f-member-page .sidebar .nav>li:empty{display:none}body.i2f-member-page .sidebar .nav a{display:flex;align-items:center;color:#aeb3b0;background:transparent;padding:13px 15px;font-size:13px;white-space:normal;line-height:1.4}body.i2f-member-page .sidebar .nav a:before{content:'◇';color:#aaab96;font-size:18px;width:20px;flex-shrink:0}body.i2f-member-page .sidebar .nav a:hover{background:#282e2a;color:#fff}body.i2f-member-page .sidebar .nav a.active{background:#d9b76a;color:#20231f}body.i2f-member-page .sidebar .nav a.active:before{color:#20231f}body.i2f-member-page .main{width:100%;padding-top:35px}body.i2f-member-page .main .hero{max-width:none;width:auto;display:flex;grid-template-columns:none;margin:0;min-height:260px;padding:33px 35px}body.i2f-member-page .main .hero-copy{padding:0}body.i2f-member-page .main .hero h2{color:#fff}body.i2f-member-page .main .hero h2 em{color:#e0c586}body.i2f-member-page .main .hero .eyebrow{display:block}body.i2f-member-page .main .hero .eyebrow .status-dot{width:5px;height:5px;display:inline-block}body.i2f-member-page .panel-title h2,body.i2f-member-page .step h3{color:#171a1b;line-height:1.4}body.i2f-member-page .panel{box-shadow:none}body.i2f-member-page .ref-row input{margin:0;border:0;box-shadow:none;height:auto}body.i2f-member-page .stats{clear:both}body.i2f-member-page .help-card h2{color:#263020}body.i2f-member-page .i2f-member-inner{display:flow-root}body.i2f-member-page .i2f-member-inner>.col-lg-12{width:auto;float:none;margin-left:242px;padding:20px}body.i2f-member-page .i2f-member-inner>[class*="col-lg-"]:not(.col-lg-12){width:calc(100% - 290px);float:none;margin:25px 24px 25px 266px;padding:24px;background:#fff;border:1px solid #e6e5df;border-radius:10px;overflow-x:auto}body.i2f-member-page .i2f-site-footer,body.i2f-member-page .copyright{margin-left:242px}body.i2f-member-page .i2f-site-footer .container,body.i2f-member-page .copyright .container{width:auto;max-width:1300px;padding:0 35px}body.i2f-member-page .i2f-db-content .col-lg-8{width:100%;margin:0;padding:0;float:none}body.i2f-member-page .i2f-db-content ol{padding-left:22px}body.i2f-member-page .i2f-db-content li{font-size:14px}body.i2f-member-page .i2f-db-content h2{font-size:20px}body.i2f-member-page .i2f-db-content .panel-title h2{font-size:16px}.i2f-copy-status{min-height:20px;margin-top:9px;font-size:13px;color:#687c5e}
@media(max-width:1200px){body.i2f-member-page .i2f-site-header,body.i2f-member-page .i2f-top-ad,body.i2f-member-page .i2f-site-footer,body.i2f-member-page .copyright,body.i2f-member-page .i2f-member-inner>.col-lg-12{margin-left:215px}body.i2f-member-page .i2f-member-inner>[class*="col-lg-"]:not(.col-lg-12){margin-left:239px;width:calc(100% - 263px)}}
@media(max-width:980px){body.i2f-member-page .i2f-site-header,body.i2f-member-page .i2f-top-ad,body.i2f-member-page .i2f-site-footer,body.i2f-member-page .copyright,body.i2f-member-page .i2f-member-inner>.col-lg-12{margin-left:190px}body.i2f-member-page .i2f-member-inner>[class*="col-lg-"]:not(.col-lg-12){margin-left:210px;width:calc(100% - 230px)}body.i2f-integrated .i2f-site-header{padding-left:24px;padding-right:24px}.i2f-site-footer .container{gap:20px}}
@media(max-width:767px){body.i2f-integrated .i2f-site-header{flex-wrap:wrap;gap:12px;padding:14px 20px}.i2f-public-navigation{margin-left:auto}.i2f-public-navigation .navbar-header{margin:0}.i2f-public-navigation .navbar-toggle{margin:0;border-color:#75643e}.i2f-public-navigation .navbar-toggle .icon-bar{background:#d9b76a}.i2f-public-navigation .nav{display:block;margin:10px 0}.i2f-public-navigation .navbar-collapse{position:absolute;left:0;right:0;top:100%;background:#1d2220;border:0;padding:0 20px}.i2f-site-footer .container{display:block}.i2f-site-footer .container>div{width:100%;margin-bottom:25px}.i2f-auth-section .auth-layout{display:block}.i2f-auth-section .auth-story{margin-bottom:30px}.i2f-login-card{padding:25px}}
@media(max-width:700px){body.i2f-member-page .i2f-site-header,body.i2f-member-page .i2f-top-ad,body.i2f-member-page .i2f-site-footer,body.i2f-member-page .copyright,body.i2f-member-page .i2f-member-inner>.col-lg-12{margin-left:0}body.i2f-member-page .i2f-site-header{height:67px}body.i2f-member-page .i2f-member-inner>[class*="col-lg-"]:not(.col-lg-12){margin:20px 15px;width:calc(100% - 30px)}body.i2f-member-page .i2f-menu-toggle{display:block;background:none;border:1px solid #dedfd3;border-radius:5px;color:#536149;padding:4px 10px;font-size:20px}body.i2f-member-page .main .hero{padding:26px 22px}body.i2f-member-page .sidebar.open{transform:translateX(0)}body.i2f-member-page .i2f-member-shade.visible{display:block;position:fixed;inset:0;background:#101a12aa;z-index:19}body.i2f-member-page .i2f-site-footer .container{padding:0 22px}body.i2f-member-page .sidebar .brand{font-size:23px}}
body.i2f-member-page .main h1,body.i2f-member-page .main h2,body.i2f-member-page .main h3,body.i2f-member-page .main em{font-family:Arial,Helvetica,sans-serif}body.i2f-member-page .hero-art .orbit{animation:none;inset:auto;transform:rotateX(35deg) rotate(-20deg)}body.i2f-member-page .hero-art .art-star{animation:none}body.i2f-member-page .sidebar .nav a:has(svg):before{display:none}body.i2f-integrated #myModal{position:relative;z-index:60}body.i2f-integrated #myModal .modal-content{z-index:60}body.i2f-integrated #myModal .modal-body p{font-size:14px}body.i2f-integrated #myModal #cookie{background:#d9b76a!important;color:#20251e!important;border:0;font-size:14px}
/* Bootstrap clearfix pseudo-elements must not occupy CSS grid cells. */
body.i2f-integrated .container:before,body.i2f-integrated .container:after{display:none}body.i2f-integrated .i2f-auth-section .auth-layout>.col-lg-12{grid-column:1/-1}body.i2f-integrated .i2f-auth-section .auth-layout>.col-lg-12:not(:has(img)){display:none}body.i2f-integrated #myModal .modal-body p{color:#4e5747}
body.i2f-integrated [hidden]{display:none!important}
/* Restore the dark public-page theme */
body.i2f-integrated:not(.i2f-member-page) {
  background: #181a1e !important;
  color: #f4f1e9 !important;
}

body.i2f-integrated:not(.i2f-member-page) .i2f-home-content,
body.i2f-integrated:not(.i2f-member-page) .i2f-information,
body.i2f-integrated:not(.i2f-member-page) .i2f-auth-section,
body.i2f-integrated:not(.i2f-member-page) #main {
  background: #181a1e !important;
}

/* Restore readable header links */
body.i2f-integrated .i2f-public-navigation .nav > li > a {
  color: #d5d3ca !important;
}

body.i2f-integrated .i2f-public-navigation .nav > li > a:hover,
body.i2f-integrated .i2f-public-navigation .nav > li.active > a {
  color: #e4bc61 !important;
}
/* IN2FINITY: full-width mobile main menu */
@media (max-width: 767px) {
  body.i2f-integrated .i2f-site-header {
    position: relative;
    overflow: visible;
    z-index: 100;
  }

  body.i2f-integrated .i2f-public-navigation,
  body.i2f-integrated .i2f-public-navigation > .container,
  body.i2f-integrated .i2f-public-navigation .navbar-header {
    position: static !important;
    overflow: visible !important;
  }

  body.i2f-integrated .i2f-public-navigation #myNavbar {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 12px 20px !important;
    box-sizing: border-box;
    background: #1d2220;
    border: 0;
    border-top: 1px solid #ffffff14;
    box-shadow: 0 14px 24px #00000035;
    max-height: 75vh;
    overflow-y: auto !important;
    z-index: 101;
  }

  body.i2f-integrated #myNavbar .navbar-nav {
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.i2f-integrated #myNavbar .navbar-nav > li {
    display: block !important;
    position: static !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body.i2f-integrated #myNavbar .navbar-nav > li > a {
    display: block !important;
    width: 100%;
    padding: 13px 14px !important;
    font-size: 14px !important;
    line-height: 1.5;
    text-align: left;
    white-space: normal;
    color: #eee9dc;
    border-radius: 6px;
  }

  body.i2f-integrated #myNavbar .navbar-nav > li > a:hover {
    background: #ffffff08;
    color: #dfbf78;
  }
}
/* =========================================
   IN2FINITY — warm ivory homepage sections
   ========================================= */

/* Shared palette — homepage only */
.i2f-home-content {
  --ivory-bg: #eeece4;
  --ivory-card: #f8f6ef;
  --ivory-soft: #e7e2d6;
  --ivory-ink: #242a27;
  --ivory-muted: #596059;
  --ivory-gold: #806020;
  --ivory-border: #d8ceb8;
}

/* Full-width ivory bands, retaining content width */
.i2f-home-content #products,
.i2f-home-content .home-answers {
  --text: var(--ivory-ink);
  --muted: var(--ivory-muted);
  --gold: var(--ivory-gold);
  --gold-light: var(--ivory-gold);
  --line: var(--ivory-border);

  background: var(--ivory-bg);
  color: var(--ivory-ink);
  padding-top: 70px;
  padding-bottom: 70px;

  /* Extend the background without widening the layout */
  box-shadow: 0 0 0 100vmax var(--ivory-bg);
  clip-path: inset(0 -100vmax);
}

/* Membership: lighten only the left information panel */
.i2f-home-content .membership-value {
  --text: var(--ivory-ink);
  --muted: var(--ivory-muted);
  --gold: var(--ivory-gold);
  --gold-light: var(--ivory-gold);
  --line: var(--ivory-border);

  background: var(--ivory-card);
  color: var(--ivory-ink);
}

/* Readable headings and body copy on light surfaces */
.i2f-home-content :is(
  #products,
  .home-answers,
  .membership-value
) :is(h2, h3, strong, b, summary) {
  color: var(--ivory-ink);
}

.i2f-home-content :is(
  #products,
  .home-answers,
  .membership-value
) :is(p, small, .product-number) {
  color: var(--ivory-muted);
}

.i2f-home-content :is(
  #products,
  .home-answers,
  .membership-value
) :is(em, .eyebrow, .text-link, .icon) {
  color: var(--ivory-gold);
}

.i2f-home-content :is(
  #products,
  .home-answers,
  .membership-value
) .eyebrow > span {
  background: var(--ivory-gold);
}

/* Tools: pale cards with subtle warm borders */
.i2f-home-content #products .product-card {
  background: var(--ivory-card);
  border: 1px solid var(--ivory-border);
  box-shadow: 0 8px 24px rgb(55 45 25 / 4%);
}

.i2f-home-content #products .product-card:hover {
  border-color: #bba777;
  box-shadow: 0 12px 28px rgb(55 45 25 / 8%);
}

.i2f-home-content #products .product-icon {
  background: #ebe0c6;
  border-color: #dccba5;
  color: var(--ivory-gold);
}

/* Mini mailer illustration */
.i2f-home-content #products .home-mail {
  background: #f2eee4;
  border-color: var(--ivory-border);
  color: var(--ivory-ink);
}

.i2f-home-content #products .mock-bar {
  color: var(--ivory-gold);
  border-color: var(--ivory-border);
}

.i2f-home-content #products .mock-line {
  border-color: var(--ivory-border);
}

.i2f-home-content #products .mock-line > span {
  color: var(--ivory-muted);
}

.i2f-home-content #products .mock-body {
  background: var(--ivory-soft);
  border-color: var(--ivory-border);
}

.i2f-home-content #products .mock-body > span {
  color: #624b23;
}

.i2f-home-content #products .mock-bottom b {
  background: #dfbf78;
  color: #28291f;
}

.i2f-home-content #products .mock-bottom .icon {
  color: inherit;
}

/* Nested toolkit and promotion panels */
.i2f-home-content #products .product-insight {
  background: #eee7d7;
  border-color: var(--ivory-border);
}

.i2f-home-content #products .toolkit-detailed > div {
  background: #f2eee5;
  border-color: var(--ivory-border);
}

.i2f-home-content #products .toolkit-note {
  color: var(--ivory-gold);
}

.i2f-home-content #products .product-card > .text-link {
  border-color: var(--ivory-border);
}

/* Keep the small banner illustrations' own colors */
.i2f-home-content #products .gold-ad,
.i2f-home-content #products .light-ad {
  color: #292d25;
}

.i2f-home-content #products .green-ad {
  color: #fff5df;
}

.i2f-home-content #products .mini-ad .icon {
  color: inherit;
}

/* Membership information dividers */
.i2f-home-content .membership-value .membership-benefits article {
  border-color: var(--ivory-border);
}

/* FAQ heading, accordion rows and help card */
.i2f-home-content .home-answers .answers-label {
  color: var(--ivory-gold);
}

.i2f-home-content .home-answers .faq-list details {
  background: var(--ivory-card);
  border: 1px solid var(--ivory-border);
  border-radius: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}

.i2f-home-content .home-answers .faq-list details[open] {
  background: #f7f3e9;
  border-color: #c8b586;
}

.i2f-home-content .home-answers .faq-list summary {
  background: transparent;
}

.i2f-home-content .home-answers .faq-list summary > span {
  background: #ebe2cc;
  border-color: #d8c9a4;
  color: var(--ivory-gold);
}

.i2f-home-content .home-answers .faq-list details > div {
  color: var(--ivory-muted);
  border-color: var(--ivory-border);
}

.i2f-home-content .home-answers .answers-help {
  background: #f5f1e7;
  border: 1px solid var(--ivory-border);
  color: var(--ivory-ink);
}

.i2f-home-content .home-answers .answers-help-icon {
  background: #ebe2cc;
  color: var(--ivory-gold);
}

/* Clear hover and keyboard focus on light sections */
.i2f-home-content :is(#products, .home-answers) a:hover {
  color: #604514;
}

.i2f-home-content :is(#products, .home-answers)
:is(a, summary):focus-visible {
  outline: 2px solid #806020;
  outline-offset: 4px;
}

/* Comfortable spacing on smaller screens */
@media (max-width: 700px) {
  .i2f-home-content #products,
  .i2f-home-content .home-answers {
    padding-top: 44px;
    padding-bottom: 44px;
  }
}