﻿/* LuxoPacks: white and warm beige surfaces, sapphire blue accents. */
:root {
  color-scheme: light;
  --lp-bg: #ffffff;
  --lp-card: #ffffff;
  --lp-paper: #ffffff;
  --lp-line: #e2ddd4;
  --lp-gold: #1859ad;
  --lp-ink: #29394b;
  --lp-muted: #637080;
  --lp-accent: #1859ad;
  --lp-accent-hover: #10488f;
  --lp-champagne: #c9b27f;
  --lp-soft: #f6f2ec;
  --lp-footer-bg: #f0eae1;
  /* Compatibility with the retained templates. */
  --luxo-black: #ffffff;
  --luxo-charcoal: #f6f2ec;
  --luxo-card: #ffffff;
  --luxo-footer: #f0eae1;
  --luxo-gold: #1859ad;
  --luxo-light-gold: #1859ad;
  --luxo-text: #29394b;
  --luxo-muted: #637080;
  --luxo-line: #e2ddd4;
  --luxo-soft-line: #ebe6de;
  --luxo-shadow: 0 18px 46px rgb(61 73 86 / 10%);
}

html, body, main { background: var(--lp-bg); color: var(--lp-ink); }
body { accent-color: var(--lp-accent); }
::selection { background: #dce9fa; color: #174378; }
a, ins { color: var(--lp-accent); }
a:hover { color: var(--lp-accent-hover); }
h1, h2, h3, h4, h5, h6 { color: var(--lp-ink); }
:focus-visible { outline-color: var(--lp-accent); }
.lp-skip { background: var(--lp-accent); color: #ffffff; }
.lp-header { background: rgb(255 255 255 / 98%); border-color: var(--lp-line); }
.lp-brand { color: var(--lp-ink) !important; }
.lp-brand span { color: var(--lp-accent); }
.lp-nav summary, .lp-nav details>div a { color: var(--lp-ink); }
.lp-nav details>div { background: var(--lp-card); box-shadow: 0 16px 40px rgb(61 73 86 / 10%); }
.lp-nav a:hover, .lp-nav a:focus-visible { background: var(--lp-soft); color: var(--lp-accent); }
.lp-menu-toggle { color: var(--lp-ink); border-color: #c8c8c5; background: var(--lp-card); }
.lp-button { background: var(--lp-accent); border-color: var(--lp-accent); color: #ffffff !important; }
.lp-button:hover { background: var(--lp-accent-hover); border-color: var(--lp-accent-hover); }
.lp-button.secondary { background: transparent; color: var(--lp-accent) !important; border-color: #9aafc7; }
.lp-button.secondary:hover { background: #ffffff; }
#main-content > section.lp-hero { background: #f6f2eb; color: var(--lp-ink); }
.lp-breadcrumb, .lp-breadcrumb a { color: #6b6a65; }
#main-content .lp-hero h1 { color: var(--lp-ink); }
#main-content .lp-hero p { color: #5b6470; }
.lp-hero .lp-eyebrow { color: var(--lp-accent); }
.lp-hero-figure img { background: #ece7de; }
.lp-hero-figure figcaption { color: #6b6a65; }
.lp-fact-strip { border-color: #d9d0c3; }
.lp-fact-strip strong { color: var(--lp-accent); }
.lp-fact-strip span { color: #606976; }
#main-content > section.lp-content-area { background: #ffffff; color: var(--lp-ink); }
.lp-toc a { color: var(--lp-muted); border-color: var(--lp-line); }
.lp-toc a:hover { color: var(--lp-accent); border-color: var(--lp-accent); }
.lp-toc .lp-button { color: #ffffff !important; }
.lp-article, .lp-article p, .lp-article li { color: var(--lp-ink); }
.lp-article h2, .lp-article h3, .lp-article h4 { color: var(--lp-ink); border-color: var(--lp-line); }
.lp-article a { color: var(--lp-accent); }
.lp-article a:hover { color: var(--lp-accent-hover); }
.lp-article blockquote { background: #f6f1e9; border-color: var(--lp-champagne); }
.lp-table-wrap { background: #ffffff; border-color: var(--lp-line); }
.lp-article th { background: #ebe4d8; color: #374555; }
.lp-article td { color: var(--lp-ink); border-color: #e7e2d9; }
.lp-article tr:nth-child(even) td { background: #faf8f4; }
.lp-article .lp-spec { background: #f2ede4; }
.lp-spec strong { color: var(--lp-accent); }
#main-content > section.lp-directory { background: #ffffff; color: var(--lp-ink); }
.lp-section-heading h2 { color: var(--lp-ink); }
.lp-section-heading p, .lp-filter label, .lp-filter output { color: var(--lp-muted); }
.lp-filter input { background: var(--lp-card); color: var(--lp-ink); border-color: #c8c8c5; }
.lp-filter input::placeholder { color: #657080; opacity: 1; }
.lp-card { background: var(--lp-card); border-color: var(--lp-line); box-shadow: 0 5px 20px rgb(61 73 86 / 4%); }
.lp-card:hover { border-color: #9db6d5; box-shadow: 0 10px 28px rgb(61 73 86 / 7%); }
.lp-card h3 { color: var(--lp-ink); }
.lp-card p, .lp-empty { color: var(--lp-muted); }
#main-content > section.lp-cta { background: #f2ece2; color: var(--lp-ink); }
.lp-cta h2 { color: var(--lp-ink); }
.lp-cta p { color: #606976; }
.lp-cta .lp-button { background: var(--lp-accent); border-color: var(--lp-accent); color: #ffffff !important; }
.lp-cta .lp-button:hover { background: var(--lp-accent-hover); border-color: var(--lp-accent-hover); }
.lp-footer { background: var(--lp-footer-bg); color: #606976; border-color: #dbd2c5; }
.lp-footer strong { color: var(--lp-ink); }
.lp-footer p, .lp-footer a { color: #606976; }
.lp-footer a:hover { color: var(--lp-accent); }
.lp-footer .lp-brand { color: var(--lp-ink) !important; }
.lp-footer .lp-brand span { color: var(--lp-accent); }
.lp-copyright { border-color: #d8cfc1; }
.lp-whatsapp { background: #47705a; box-shadow: 0 4px 18px rgb(55 87 69 / 18%); }
.lp-form { background: #f5f0e8; border-color: var(--lp-line); }
.lp-form input, .lp-form select, .lp-form textarea { background: #ffffff; color: var(--lp-ink); border-color: #c8c8c5; }
.lp-form pre { color: var(--lp-ink); background: #ffffff; }
.lp-legacy-resources { background: #f2ede4; border-color: #d7cbb9; color: var(--lp-ink); }
.lp-legacy-resources a { color: var(--lp-accent); }
.lp-article .lp-note { background: #f6f1e9; border-color: var(--lp-champagne); }
.lp-source-date { color: var(--lp-muted); }
.lp-downloads a { background: #f2ede4; border-color: #d7cbb9; }
.lp-article details { background: #faf8f4; border-color: var(--lp-line); }
#main-content .lp-format-card { background: #ffffff; color: var(--lp-ink); border-color: var(--lp-line); }
.lp-format-card p:has(>strong) { border-color: var(--lp-line); }

/* Retained page layouts: light image overlays, neutral panels and readable text. */
#main-content > section.position-relative.overflow-hidden { background: #f6f2eb !important; }
#main-content > section.position-relative.overflow-hidden::before {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(90deg, rgb(246 242 235 / 98%) 0%, rgb(246 242 235 / 94%) 38%, rgb(246 242 235 / 45%) 68%, rgb(246 242 235 / 8%) 100%);
}
#main-content > section.position-relative.overflow-hidden > div.position-absolute[style*="background:"] { background: transparent !important; }
#main-content > section.position-relative.overflow-hidden > .position-absolute { z-index: 2; }
#main-content > section.position-relative.overflow-hidden h1,
#main-content > section.position-relative.overflow-hidden h2,
#main-content > section.position-relative.overflow-hidden p,
#main-content > section.position-relative.overflow-hidden li { color: var(--lp-ink); }
.bg-white.bg-opacity-75 { background-color: rgb(255 255 255 / 92%) !important; }
.text-white-50 { color: var(--lp-muted) !important; }
#main-content > section.bg_zi { background: #f2ece2 !important; color: var(--lp-ink) !important; }
#main-content > section.bg_zi :is(h1,h2,h3,p,li,div),
#main-content > section.bg_zi.text-white,
#main-content > section.bg_zi .text-white { color: var(--lp-ink) !important; }
#main-content > section.bg_zi .text-white-50 { color: var(--lp-muted) !important; }
#main-content > section.bg_zi .fw900 { color: var(--lp-accent) !important; }
#main-content > section.bg_zi .bg-white,
#main-content > section.bg_zi .bg-white div { color: var(--lp-ink) !important; }
.bg_zi.btn_dan, .btn_dan.bg_zi,
#main-content a.btn_dan.bg_zi,
#main-content button.btn_dan.bg_zi {
  background: var(--lp-accent) !important; border-color: var(--lp-accent) !important;
  color: #ffffff !important; box-shadow: 0 8px 20px rgb(24 89 173 / 12%);
}
.bg_zi.btn_dan:hover, .btn_dan.bg_zi:hover,
#main-content a.btn_dan.bg_zi:hover,
#main-content button.btn_dan.bg_zi:hover {
  background: var(--lp-accent-hover) !important; color: #ffffff !important;
  box-shadow: 0 10px 24px rgb(24 89 173 / 17%);
}
.bg_he.btn_dan, .btn_dan.bg_he {
  background: #ffffff !important; border-color: #9aafc7 !important; color: var(--lp-accent) !important;
}
.bg_he.btn_dan:hover, .btn_dan.bg_he:hover { background: #f6f2ec !important; color: var(--lp-accent) !important; }
.bg-white, .custom-card, .custom-mini-card, .custom-table, .faq_card { box-shadow: 0 10px 30px rgb(61 73 86 / 6%); }
#main-content .custom-hero { background: #f6f2eb; color: var(--lp-ink); }
.custom-number { background: #ebe4d8; color: var(--lp-accent); }
.custom-table th { background: #ebe4d8; color: #374555; }
.custom-tag { background: #f2ede4; color: var(--lp-accent); border-color: #d7cbb9; }
.biaodan input::placeholder, .biaodan textarea::placeholder, .form-control::placeholder { color: #657080; opacity: 1; }
.biaodan input.wpcf7-submit { background: var(--lp-accent) !important; color: #ffffff !important; }
.biaodan .wpcf7-not-valid-tip { color: #a23e2a; }
#mobile_right_nav .btn-close { filter: none; }
.posts-nav .current, .posts-nav .page-numbers:hover { color: #ffffff; }

@media (max-width:900px) {
  .lp-nav>details, .lp-toc { border-color: var(--lp-line); }
}
@media (max-width:768px) {
  #main-content > section.position-relative.overflow-hidden::before {
    background: linear-gradient(90deg, rgb(246 242 235 / 97%), rgb(246 242 235 / 88%));
  }
}

