/* =============================================================================
   TestKav · pages/pages-luxe.css — LUXE skin for simple content pages
   Covers about / faq / terms (.page-* system) and contact (cp-* system).
   White, hairline, gold accents, Pinar headings. Tokens from luxe.css.
   ========================================================================== */
:root{--gold-400:var(--gold-text);--ink-white:var(--ink);--r-sm:10px;--r-md:14px;--r-lg:20px}

/* hide old dark-theme floating decorations */
.deco,.faq-deco,.terms-deco,.contact-deco{display:none !important}

.container{width:min(1100px,90vw);margin:0 auto}

/* ---------- hero ---------- */
.page-hero{padding:12px 0 4px}
.page-hero-inner{position:relative}
/* fuller, balanced intro: center the hero so it doesn't leave an empty half
   (breadcrumb stays at the start/right) */
.page-hero-inner{text-align:center}
.page-hero-inner .breadcrumbs{justify-content:flex-start}
.page-hero-inner .page-subtitle{margin-inline:auto}
.page-hero-inner .hero-stats{justify-content:center}
.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.82rem;color:var(--ink-3);margin-bottom:14px}
.breadcrumbs a{color:var(--ink-3);transition:color .3s var(--ease)}
.breadcrumbs a:hover{color:var(--gold-deep)}
.breadcrumbs .aria-current{color:var(--ink);font-weight:600}
.cp-kicker{display:inline-flex;align-items:center;gap:8px;font-size:.73rem;font-weight:700;color:var(--ink-2);margin-bottom:10px}
.cp-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold)}
.page-title{font-family:var(--ff-d);font-weight:900;color:var(--ink);font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.5;margin:0 0 12px}
.page-title .accent{color:var(--gold-text)}
.page-subtitle{font-size:.96rem;color:var(--ink-2);line-height:2;max-width:64ch}
.page-subtitle.richtext>*:first-child{margin-top:0}
.hero-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.hero-stat-pill{display:inline-flex;align-items:center;gap:9px;font-size:.84rem;color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:8px 15px;background:#fff}
.hero-stat-pill__icon{display:grid;place-items:center;color:var(--gold-deep)}
.hero-stat-pill__value{font-family:var(--ff-d);font-weight:800;color:var(--ink)}

/* ---------- main + two-column ---------- */
.page-main{padding:18px 0 46px}
.page-grid{display:grid;grid-template-columns:1fr 290px;gap:42px;align-items:start}
.page-card{min-width:0}
.page-card.side-card{min-width:0}
.side-card{position:sticky;top:18px}

/* headings & content */
.page-h2{font-family:var(--ff-d);font-weight:800;color:var(--ink);font-size:1.3rem;line-height:1.6;margin:0 0 12px;scroll-margin-top:90px}
.card-title{font-family:var(--ff-d);font-weight:800;color:var(--ink);font-size:1.05rem;margin:0 0 14px}
.side-title{font-family:var(--ff-d);font-weight:700;color:var(--ink);font-size:.95rem;margin:0 0 12px}
.divider{height:1px;background:var(--line);margin:26px 0;border:0}
.muted{color:var(--ink-3)}

/* richtext prose */
.richtext{font-size:.95rem;color:var(--ink-2);line-height:2}
.richtext p{margin:0 0 14px}
.richtext h2,.richtext h3,.richtext h4{font-family:var(--ff-d);font-weight:800;color:var(--ink);line-height:1.6;margin:24px 0 12px}
.richtext h3{font-size:1.1rem}.richtext h4{font-size:1rem}
.richtext ul,.richtext ol{margin:0 0 14px;padding-inline-start:1.4em}
.richtext li{margin:0 0 8px}
.richtext a{color:var(--gold-deep);text-decoration:underline;text-underline-offset:3px}
.richtext strong,.richtext b{color:var(--ink);font-weight:700}
.richtext img{max-width:100%;height:auto;border-radius:var(--r-md);border:1px solid var(--line)}
.richtext blockquote{margin:0 0 14px;padding:12px 16px;border-inline-start:3px solid var(--gold);background:var(--paper-2);border-radius:8px;color:var(--ink-2)}

/* checklist */
.checklist{list-style:none;display:grid;gap:11px;margin:0;padding:0}
.checklist li{display:flex;align-items:flex-start;gap:10px;font-size:.92rem;color:var(--ink-2);line-height:1.8}
.checklist li i{color:var(--gold-deep);margin-top:4px}

/* team */
.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:14px}
.team-card{border:1px solid var(--line);border-radius:var(--r-md);padding:18px;text-align:center;background:#fff;transition:border-color .35s var(--ease),box-shadow .35s var(--ease)}
.team-card:hover{border-color:var(--gold-soft);box-shadow:0 20px 44px -30px rgba(20,17,13,.3)}
.team-photo,.avatar{width:74px;height:74px;border-radius:50%;object-fit:cover;margin:0 auto 10px;display:block}
.avatar{display:grid;place-items:center;background:var(--gold-faint);color:var(--gold-deep);font-size:1.6rem;border:1px solid var(--gold-soft)}
.team-name{font-family:var(--ff-d);font-weight:800;color:var(--ink);font-size:.98rem}
.team-role{font-size:.8rem;color:var(--gold-deep);margin-top:3px}
.team-linkedin{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--ink-2);margin-top:10px;transition:color .3s}
.team-linkedin:hover{color:var(--gold-deep)}

/* sidebar lists */
.simple-list{list-style:none;display:flex;flex-direction:column;gap:4px;margin:0;padding:0}
.simple-list li{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--ink-3)}
.simple-list li i{color:var(--gold-deep)}
.simple-list .list-link{display:flex;align-items:center;width:100%;color:var(--ink-2);padding:9px 0;border-bottom:1px solid var(--line);transition:color .3s var(--ease),padding .3s var(--ease)}
.simple-list li:last-child .list-link{border-bottom:0}
.simple-list .list-link:hover{color:var(--gold-deep);padding-inline-start:5px}
.aside-card{border:1px solid var(--line);border-radius:var(--r-md);padding:18px;background:#fff}
.aside-card+.aside-card{margin-top:16px}
.aside-card.sticky{position:sticky;top:18px}
.side-text{font-family:var(--ff-d);font-weight:700;color:var(--ink);margin-bottom:6px}
p.side-text{font-family:var(--ff);font-weight:400;font-size:.85rem;color:var(--ink-3);line-height:1.8}
.a-search-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--ff-d);font-weight:800;font-size:.88rem;color:var(--btn-ink);background:var(--btn-grad);border-radius:12px;padding:12px 16px;box-shadow:var(--btn-shadow);transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease)}
.a-search-btn:hover{background:var(--btn-grad-hover);transform:translateY(-2px);box-shadow:var(--btn-shadow-hover)}
.a-search-btn:active{transform:translateY(0);box-shadow:var(--btn-shadow-active)}
.a-search-btn:focus-visible{outline:0;box-shadow:var(--ring),var(--btn-shadow)}
.w-100{width:100%}

/* ---------- FAQ ---------- */
.searchbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
.searchbar input{flex:1;min-width:200px;border:1px solid var(--line-2);border-radius:13px;padding:13px 16px;font-family:inherit;font-size:.93rem;color:var(--ink);background:#fff;transition:border-color .3s var(--ease),box-shadow .3s var(--ease)}
.searchbar input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px var(--gold-faint)}
.search-btn{border:0;cursor:pointer;font-family:var(--ff-d);font-weight:800;font-size:.9rem;color:var(--btn-ink);background:var(--btn-grad);border-radius:13px;padding:13px 24px;box-shadow:var(--btn-shadow);transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease)}
.search-btn:hover{background:var(--btn-grad-hover);transform:translateY(-2px);box-shadow:var(--btn-shadow-hover)}
.search-btn:active{transform:translateY(0);box-shadow:var(--btn-shadow-active)}
.search-btn:focus-visible{outline:0;box-shadow:var(--ring),var(--btn-shadow)}
.clear-search{font-size:.83rem;color:var(--ink-3);transition:color .3s}
.clear-search:hover{color:var(--gold-deep)}
.faq-meta{font-size:.82rem;color:var(--ink-3);min-height:16px;margin-bottom:10px}
.faq-boxs{display:flex;flex-direction:column;gap:10px}
.faq-title{font-family:var(--ff-d);font-weight:800;color:var(--ink);font-size:1.15rem;margin:4px 0 8px;scroll-margin-top:90px}
.faq-item{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:#fff;transition:border-color .3s var(--ease)}
.faq-item[open]{border-color:var(--gold-soft)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;padding:15px 17px;font-family:var(--ff-d);font-weight:700;font-size:.96rem;color:var(--ink)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"\F282";font-family:"bootstrap-icons";color:var(--gold-deep);font-size:.9rem;transition:transform .3s var(--ease)}
.faq-item[open] summary::after{transform:rotate(180deg)}
.faq-item summary:hover{color:var(--gold-deep)}
.faq-a{padding:0 17px 16px}
.faq-a .richtext{font-size:.9rem;line-height:1.95}

/* ---------- CONTACT (cp-*) ---------- */
.cp-wrap{max-width:1100px}
.cp-alerts{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}
.cp-alert{display:flex;align-items:center;gap:10px;font-size:.9rem;border-radius:12px;padding:13px 16px;border:1px solid var(--line)}
.cp-alert i{font-size:1.1rem}
.cp-alert--success{background:rgba(38,160,80,.08);border-color:rgba(38,160,80,.3);color:#1f7a40}
.cp-alert--error,.cp-alert--danger{background:rgba(200,40,40,.07);border-color:rgba(200,40,40,.28);color:#a83232}
.cp-alert--success i{color:#26a050}.cp-alert--error i,.cp-alert--danger i{color:#c83232}

.cp-grid{display:grid;grid-template-columns:1fr 320px;gap:30px;align-items:start}
.cp-card{border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;background:#fff}
.cp-card__head{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}
.cp-card__icon{width:46px;height:46px;flex:none;border-radius:13px;display:grid;place-items:center;color:var(--gold-deep);background:var(--gold-faint);border:1px solid var(--gold-soft);font-size:1.2rem}
.cp-card__title{font-family:var(--ff-d);font-weight:800;color:var(--ink);font-size:1.12rem;margin:0 0 4px}
.cp-card__subtitle{font-size:.85rem;color:var(--ink-3);line-height:1.7;margin:0}

.cp-form{display:flex;flex-direction:column;gap:16px}
.cp-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cp-field{display:flex;flex-direction:column;gap:7px}
.cp-field__label{display:flex;align-items:center;gap:7px;font-size:.86rem;font-weight:600;color:var(--ink-2)}
.cp-field__label i{color:var(--gold-deep)}
.cp-req{color:#c83232}
.cp-field input,.cp-field textarea,.cp-field select{width:100%;border:1px solid var(--line-2);border-radius:12px;padding:12px 14px;font-family:inherit;font-size:.92rem;color:var(--ink);background:#fff;transition:border-color .3s var(--ease),box-shadow .3s var(--ease)}
.cp-field textarea{min-height:150px;resize:vertical;line-height:1.8}
.cp-field input:focus,.cp-field textarea:focus,.cp-field select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px var(--gold-faint)}
.cp-field--error input,.cp-field--error textarea{border-color:#dd5b5b;box-shadow:0 0 0 4px rgba(200,40,40,.1)}
.cp-field__hint{font-size:.78rem;color:var(--ink-3);margin:0}
.cp-field--error .cp-field__hint{color:#c83232}
.cp-field__counter{font-size:.76rem;color:var(--ink-3);margin:0;text-align:end}
.cp-field__counter.is-near-limit{color:var(--gold-deep)}
.cp-field__counter.is-over-limit{color:#c83232;font-weight:700}
.cp-form-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:4px}
.cp-form-note{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;color:var(--ink-3);margin:0}
.cp-form-note i{color:var(--gold-deep)}
.cp-btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:0;font-family:var(--ff-d);font-weight:800;font-size:.92rem;border-radius:13px;padding:13px 26px;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease)}
.cp-btn--primary{color:var(--btn-ink);background:var(--btn-grad);box-shadow:var(--btn-shadow)}
.cp-btn--primary:hover{background:var(--btn-grad-hover);transform:translateY(-2px);box-shadow:var(--btn-shadow-hover)}
.cp-btn--primary:active{transform:translateY(0);box-shadow:var(--btn-shadow-active)}
.cp-btn--primary:focus-visible{outline:0;box-shadow:var(--ring),var(--btn-shadow)}
.cp-btn:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none}

/* contact info aside */
.cp-info{border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;background:linear-gradient(180deg,#fff,var(--paper-2));position:sticky;top:18px}
.cp-info__head{margin-bottom:14px}
.cp-info__title{display:flex;align-items:center;gap:8px;font-family:var(--ff-d);font-weight:800;color:var(--ink);font-size:1.05rem;margin:0 0 5px}
.cp-info__title i{color:var(--gold-deep)}
.cp-info__sub{font-size:.82rem;color:var(--ink-3);line-height:1.7;margin:0}
.cp-info__list{list-style:none;display:flex;flex-direction:column;gap:8px;margin:0;padding:0}
.cp-info__row{display:flex;align-items:center;gap:12px;padding:11px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:border-color .3s var(--ease),transform .3s var(--ease)}
a.cp-info__row:hover{border-color:var(--gold-soft);transform:translateY(-1px)}
.cp-info__row-icon{width:38px;height:38px;flex:none;border-radius:10px;display:grid;place-items:center;color:var(--gold-deep);background:var(--gold-faint);font-size:1rem}
.cp-info__row-label{font-size:.74rem;color:var(--ink-3);margin:0 0 2px}
.cp-info__row-value{font-size:.86rem;color:var(--ink);font-weight:600;margin:0;direction:ltr;text-align:start}

/* quick cards */
.cp-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
.cp-quick-card{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;transition:border-color .35s var(--ease),box-shadow .35s var(--ease),transform .35s var(--ease)}
.cp-quick-card:hover{border-color:var(--gold-soft);box-shadow:0 22px 46px -32px rgba(20,17,13,.3);transform:translateY(-2px)}
.cp-quick-card__icon{width:44px;height:44px;flex:none;border-radius:12px;display:grid;place-items:center;color:var(--gold-deep);background:var(--gold-faint);font-size:1.2rem}
.cp-quick-card__label{font-size:.76rem;color:var(--ink-3);margin:0 0 3px}
.cp-quick-card__value{font-size:.88rem;color:var(--ink);font-weight:700;margin:0;direction:ltr;text-align:start}

/* social */
.cp-social{margin-top:30px}
.cp-social__head{margin-bottom:14px}
.cp-social__title{display:flex;align-items:center;font-family:var(--ff-d);font-weight:800;color:var(--ink);font-size:1.08rem;margin:0 0 4px}
.cp-social__sub{font-size:.82rem;color:var(--ink-3);margin:0}
.cp-social__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.cp-social__tile{display:flex;flex-direction:column;align-items:center;gap:9px;padding:18px 10px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;transition:border-color .35s var(--ease),transform .35s var(--ease),box-shadow .35s var(--ease)}
.cp-social__tile:hover{transform:translateY(-3px);border-color:var(--gold-soft);box-shadow:0 22px 46px -32px rgba(20,17,13,.3)}
.cp-social__tile-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:1.3rem;color:var(--gold-deep);background:var(--gold-faint)}
.cp-social__tile-label{font-size:.84rem;font-weight:600;color:var(--ink);margin:0}

/* map */
.cp-map{margin-top:30px}
.cp-map__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.cp-map__title{display:flex;align-items:center;gap:8px;font-family:var(--ff-d);font-weight:800;color:var(--ink);font-size:1.08rem;margin:0}
.cp-map__title i{color:var(--gold-deep)}
.cp-map__directions{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;font-weight:600;color:var(--gold-deep);border:1px solid var(--gold-soft);border-radius:10px;padding:8px 13px;transition:.3s var(--ease)}
.cp-map__directions:hover{background:var(--gold-faint)}
.cp-map__frame{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--paper-2)}
.cp-map__frame iframe{width:100%;height:340px;border:0;display:block}
.cp-map__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:300px;color:var(--ink-3);text-align:center;padding:20px}
.cp-map__placeholder i{font-size:2rem;color:var(--gold-soft)}
.cp-map__placeholder strong{color:var(--ink-2);font-family:var(--ff-d)}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .page-grid,.cp-grid{grid-template-columns:1fr;gap:26px}
  .side-card,.aside-card.sticky,.cp-info{position:static}
  .cp-quick{grid-template-columns:1fr}
  .cp-social__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .team-grid{grid-template-columns:1fr}
  .cp-row{grid-template-columns:1fr}
  .cp-form-actions{flex-direction:column;align-items:stretch}
  .cp-btn{justify-content:center}
}
