/* Parchin 1.2.1 — 10 distinct CONTACT WIDGET designs, one for each Parchin DESIGN preset.
 * This styles the contact widget Parchin ACTUALLY renders: .pc-cpanel/#pc-contact.
 * It does not depend on the retired TMC #tmc-panel CSS or the old 30-colour registry.
 */
.parchin .pc-cpanel { isolation:isolate; }
.parchin .pc-cpanel .pc-clist,
.parchin .pc-cpanel .pc-cchannels { min-width:0; }
.parchin .pc-cpanel .pc-clist__item { min-width:0; }
.parchin .pc-cpanel .pc-clist__txt { min-width:0; }
.parchin .pc-cpanel .pc-clist__txt bdi { display:block; max-width:100%; font-variant-numeric:tabular-nums; font-size:clamp(.88rem,3.2vw,1.08rem); letter-spacing:.015em; }
.parchin .pc-cpanel .pc-cpanel__title { font-size:clamp(.98rem,3.4vw,1.16rem); }
.parchin .pc-cpanel .pc-cpanel__close { min-width:36px; min-height:36px; }
.parchin .pc-cfab { max-width:calc(100vw - 34px); }
@media (max-width:1024px) {
  .parchin .pc-cpanel { box-sizing:border-box; max-width:calc(100vw - 20px); max-height:calc(100dvh - 115px); }
  .parchin .pc-cpanel .pc-clist__item { gap:8px; }
}

/* 1 / ENGINEERING — drafting-board grid and squared technical rows */
.parchin.pc-design-1 .pc-cpanel { border-radius:11px; border:2px solid var(--pc-primary); background:var(--pc-surface); box-shadow:0 20px 45px #082b4c35, 8px 8px 0 rgb(var(--pc-primary-rgb) / .12); }
.parchin.pc-design-1 .pc-cpanel__head { border-bottom:3px solid var(--pc-accent); padding:16px; background:var(--pc-primary-deep); }
.parchin.pc-design-1 .pc-cpanel__icon { border-radius:4px; }
.parchin.pc-design-1 .pc-clist__item { border-radius:3px; border-inline-start:4px solid var(--pc-primary); background:linear-gradient(90deg,transparent 97%, rgb(var(--pc-primary-rgb) / .07) 97%),var(--pc-surface-2); }
.parchin.pc-design-1 .pc-clist__ico { border-radius:3px; }
.parchin.pc-design-1 .pc-cchannels__item { border-radius:4px; border-style:dashed; }
.parchin.pc-design-1 .pc-cfab { border-radius:9px; border:2px solid var(--pc-primary-deep); }

/* 2 / SHOWCASE — luminous glass gallery, oversized feature tile */
.parchin.pc-design-2 .pc-cpanel { border:1px solid rgb(var(--pc-primary-rgb) / .24); border-radius:28px; background:linear-gradient(140deg,rgb(var(--pc-primary-rgb) / .12),var(--pc-surface) 56%); box-shadow:0 25px 65px rgb(var(--pc-primary-rgb) / .18); }
.parchin.pc-design-2 .pc-cpanel__head { margin:9px; padding:18px; border-radius:22px; background:linear-gradient(110deg,var(--pc-primary-deep),var(--pc-primary)); }
.parchin.pc-design-2 .pc-cpanel__icon { border-radius:18px; background:rgb(255 255 255 / .20); color:#fff; }
.parchin.pc-design-2 .pc-cpanel__body { padding:8px 17px 19px; }
.parchin.pc-design-2 .pc-clist { grid-template-columns:1fr 1fr; }
.parchin.pc-design-2 .pc-clist li:first-child { grid-column:1/-1; }
.parchin.pc-design-2 .pc-clist li:not(:first-child) .pc-clist__item { flex-direction:column; align-items:stretch; gap:5px; padding:12px 8px; }
.parchin.pc-design-2 .pc-clist li:not(:first-child) .pc-clist__ico { width:31px; height:31px; }
.parchin.pc-design-2 .pc-clist li:not(:first-child) .pc-clist__go { display:none; }
.parchin.pc-design-2 .pc-clist__item { background:rgb(255 255 255 / .72); border-radius:17px; box-shadow:0 6px 14px rgb(var(--pc-primary-rgb) / .055); }
.parchin.pc-design-2 .pc-clist li:not(:first-child) .pc-clist__txt bdi { font-size:clamp(.72rem,2.8vw,.92rem); }
.parchin.pc-design-2 .pc-cchannels__item { border-radius:15px; }
.parchin.pc-design-2 .pc-cfab { border-radius:26px; background:linear-gradient(135deg,var(--pc-primary),var(--pc-accent)); }

/* 3 / ARCHITECTURE — centered monumental masthead and framed cards */
.parchin.pc-design-3 .pc-cpanel { border:1px solid var(--pc-primary); border-radius:22px 22px 5px 5px; background:var(--pc-surface); box-shadow:0 24px 48px #231e1933; }
.parchin.pc-design-3 .pc-cpanel__head { flex-direction:column; align-items:center; text-align:center; padding:23px 15px 19px; gap:7px; background:var(--pc-primary-deep); border-bottom:4px double var(--pc-accent); }
.parchin.pc-design-3 .pc-cpanel__icon { width:48px; height:48px; border-radius:50% 50% 6px 6px; }
.parchin.pc-design-3 .pc-cpanel__close { position:absolute; top:12px; left:12px; }
.parchin.pc-design-3 .pc-cpanel__body { padding:17px; }
.parchin.pc-design-3 .pc-clist__item { border-radius:1px; background:transparent; border:1px solid var(--pc-line); box-shadow:inset 0 0 0 4px var(--pc-surface); }
.parchin.pc-design-3 .pc-clist__ico { border-radius:50% 50% 4px 4px; }
.parchin.pc-design-3 .pc-cchannels__item { border-radius:3px; }
.parchin.pc-design-3 .pc-cfab { border-radius:5px; border:1px solid var(--pc-accent); }

/* 4 / INDUSTRIAL — high contrast worksite stripes, offset utilitarian cards */
.parchin.pc-design-4 .pc-cpanel { border:2px solid var(--pc-ink); border-radius:5px; background:var(--pc-surface-2); box-shadow:9px 9px 0 rgb(var(--pc-primary-rgb) / .28); }
.parchin.pc-design-4 .pc-cpanel__head { padding:15px; background:repeating-linear-gradient(135deg,transparent 0 12px,rgb(255 255 255 / .055) 12px 17px),var(--pc-primary-deep); }
.parchin.pc-design-4 .pc-cpanel__icon { border-radius:0; transform:rotate(-7deg); }
.parchin.pc-design-4 .pc-clist__item { border-radius:0; background:var(--pc-surface); border:0; border-bottom:3px solid var(--pc-ink); }
.parchin.pc-design-4 .pc-clist__ico { border-radius:0; transform:skew(-8deg); }
.parchin.pc-design-4 .pc-cchannels__item { border-radius:0; border-width:2px; }
.parchin.pc-design-4 .pc-cfab { border-radius:4px; box-shadow:5px 5px 0 var(--pc-primary-deep); }

/* 5 / CATALOGUE — numbered linear index and punched-card contacts */
.parchin.pc-design-5 .pc-cpanel { border-radius:15px; border:1px solid var(--pc-line); background:var(--pc-surface); }
.parchin.pc-design-5 .pc-cpanel__head { background:var(--pc-primary-deep); border-radius:13px 13px 0 0; border-bottom:5px solid var(--pc-accent); }
.parchin.pc-design-5 .pc-clist { counter-reset:pc-contact-index; gap:1px; }
.parchin.pc-design-5 .pc-clist li { counter-increment:pc-contact-index; }
.parchin.pc-design-5 .pc-clist__item { position:relative; border:0; border-bottom:1px dashed var(--pc-line); background:transparent; border-radius:0; padding:14px 4px; }
.parchin.pc-design-5 .pc-clist__item::before { content:counter(pc-contact-index,decimal-leading-zero); order:0; font-size:.77rem; color:var(--pc-primary-ink); font-weight:900; }
.parchin.pc-design-5 .pc-clist__ico { order:1; border-radius:9px; background:var(--pc-primary-soft); color:var(--pc-primary-ink); }
.parchin.pc-design-5 .pc-clist__txt { order:2; }
.parchin.pc-design-5 .pc-clist__go { order:3; }
.parchin.pc-design-5 .pc-cchannels__item { border-style:dotted; border-width:2px; }
.parchin.pc-design-5 .pc-cfab { border-radius:9px; }

/* 6 / MAGAZINE — editorial masthead and alternating newspaper columns */
.parchin.pc-design-6 .pc-cpanel { border-radius:8px; border:1px solid var(--pc-line); background:var(--pc-surface); box-shadow:0 23px 50px rgb(0 0 0 / .12); }
.parchin.pc-design-6 .pc-cpanel__head { background:var(--pc-surface); color:var(--pc-ink); border-bottom:3px double var(--pc-primary); padding:20px 18px; }
.parchin.pc-design-6 .pc-cpanel__title { color:var(--pc-ink); font-size:1.35rem; }
.parchin.pc-design-6 .pc-cpanel__sub { color:var(--pc-muted); }
.parchin.pc-design-6 .pc-cpanel__icon { border-radius:50%; background:var(--pc-primary-soft); color:var(--pc-primary-ink); }
.parchin.pc-design-6 .pc-cpanel__close { color:var(--pc-ink); border:1px solid var(--pc-line); }
.parchin.pc-design-6 .pc-clist { gap:0; }
.parchin.pc-design-6 .pc-clist__item { padding:15px 6px; border-radius:0; border:0; border-bottom:1px solid var(--pc-line); background:transparent; }
.parchin.pc-design-6 .pc-clist li:nth-child(2n) .pc-clist__item { background:var(--pc-surface-2); }
.parchin.pc-design-6 .pc-clist__ico { border-radius:50%; background:transparent; color:var(--pc-primary-ink); border:1px solid var(--pc-primary); }
.parchin.pc-design-6 .pc-cchannels__item { border-radius:99px; min-height:50px; flex-direction:row; }
.parchin.pc-design-6 .pc-cfab { border-radius:50%; min-width:60px; padding-inline:16px; }

/* 7 / NATURE — soft botanical cards with organic corners */
.parchin.pc-design-7 .pc-cpanel { border:1px solid rgb(var(--pc-primary-rgb) / .25); border-radius:35px 14px 35px 14px; background:linear-gradient(170deg,rgb(var(--pc-primary-rgb) / .085),var(--pc-surface) 48%); box-shadow:0 24px 60px rgb(var(--pc-primary-rgb) / .18); }
.parchin.pc-design-7 .pc-cpanel__head { border-radius:33px 12px 20px 10px; margin:6px; padding:18px; background:var(--pc-primary-deep); }
.parchin.pc-design-7 .pc-cpanel__icon { border-radius:60% 15% 60% 25%; }
.parchin.pc-design-7 .pc-clist__item { border-radius:21px 6px 21px 6px; background:var(--pc-surface-2); border:1px solid rgb(var(--pc-primary-rgb) / .18); }
.parchin.pc-design-7 .pc-clist__ico { border-radius:50% 10% 50% 10%; }
.parchin.pc-design-7 .pc-cchannels__item { border-radius:22px 7px; }
.parchin.pc-design-7 .pc-cfab { border-radius:50% 20% 50% 20%; }

/* 8 / MINIMAL — white-space first, unboxed typographic rows */
.parchin.pc-design-8 .pc-cpanel { border:1px solid var(--pc-line); border-radius:18px; background:var(--pc-surface); box-shadow:0 25px 50px rgb(0 0 0 / .08); }
.parchin.pc-design-8 .pc-cpanel__head { background:var(--pc-surface); border-bottom:1px solid var(--pc-line); color:var(--pc-ink); padding:22px; }
.parchin.pc-design-8 .pc-cpanel__title { color:var(--pc-ink); font-weight:750; }
.parchin.pc-design-8 .pc-cpanel__sub { color:var(--pc-muted); }
.parchin.pc-design-8 .pc-cpanel__icon { background:var(--pc-surface-2); color:var(--pc-ink); border-radius:100%; }
.parchin.pc-design-8 .pc-cpanel__close { color:var(--pc-ink); background:transparent; border:1px solid var(--pc-line); }
.parchin.pc-design-8 .pc-cpanel__body { padding:12px 23px 23px; }
.parchin.pc-design-8 .pc-clist { gap:0; }
.parchin.pc-design-8 .pc-clist__item { border:0; border-bottom:1px solid var(--pc-line); border-radius:0; padding:17px 0; background:transparent; }
.parchin.pc-design-8 .pc-clist__ico { background:transparent; color:var(--pc-primary-ink); border-radius:50%; }
.parchin.pc-design-8 .pc-clist__go { background:transparent; color:var(--pc-ink); }
.parchin.pc-design-8 .pc-cchannels__item { border-radius:8px; border-color:transparent; background:var(--pc-surface-2); }
.parchin.pc-design-8 .pc-cfab { border-radius:99px; background:var(--pc-surface); color:var(--pc-ink); border:1px solid var(--pc-line); }

/* 9 / LUXURY — plum velvet with golden inlay and jewel buttons */
.parchin.pc-design-9 .pc-cpanel { border:1px solid var(--pc-accent); border-radius:22px; background:var(--pc-primary-deep); color:var(--pc-on-primary-deep); box-shadow:0 26px 66px #160b2740, inset 0 0 0 5px rgb(255 255 255 / .045); }
.parchin.pc-design-9 .pc-cpanel__head { margin:6px; border-radius:16px 16px 0 0; border-bottom:1px solid var(--pc-accent); background:transparent; padding:20px 15px; }
.parchin.pc-design-9 .pc-cpanel__icon { border-radius:50%; border:1px solid var(--pc-accent); background:transparent; color:var(--pc-accent); }
.parchin.pc-design-9 .pc-clist__item { background:rgb(255 255 255 / .09); color:var(--pc-on-primary-deep); border:1px solid rgb(255 255 255 / .2); border-radius:13px; }
.parchin.pc-design-9 .pc-clist__txt small { color:var(--pc-on-primary-deep); opacity:.8; }
.parchin.pc-design-9 .pc-clist__ico { border:1px solid var(--pc-accent); background:transparent; color:var(--pc-accent); border-radius:50%; }
.parchin.pc-design-9 .pc-clist__go { background:var(--pc-accent); color:var(--pc-on-accent); }
.parchin.pc-design-9 .pc-cchannels__item { border:1px solid rgb(255 255 255 / .28); background:rgb(255 255 255 / .09); color:var(--pc-on-primary-deep); border-radius:11px; }
.parchin.pc-design-9 .pc-cchannels__item .pc-icon { color:var(--pc-accent); }
.parchin.pc-design-9 .pc-cfab { background:var(--pc-primary-deep); color:var(--pc-on-primary-deep); border:1px solid var(--pc-accent); }

/* 10 / WORKSHOP — orange/steel ticket cuts and diagonal accents */
.parchin.pc-design-10 .pc-cpanel { border:2px solid var(--pc-primary); border-radius:0 23px 0 23px; background:var(--pc-surface-2); box-shadow:0 20px 50px rgb(0 0 0 / .22); }
.parchin.pc-design-10 .pc-cpanel__head { padding:18px; background:linear-gradient(110deg,var(--pc-primary-deep) 76%,var(--pc-accent) 76%); }
.parchin.pc-design-10 .pc-cpanel__icon { border-radius:0 11px 0 11px; }
.parchin.pc-design-10 .pc-clist__item { border-radius:0 12px 0 12px; border:1px solid var(--pc-primary); background:var(--pc-surface); box-shadow:inset 4px 0 0 var(--pc-accent); }
.parchin.pc-design-10 .pc-clist__ico { border-radius:0 9px 0 9px; }
.parchin.pc-design-10 .pc-cchannels__item { border-radius:0 12px 0 12px; border-style:dashed; }
.parchin.pc-design-10 .pc-cfab { border-radius:0 17px 0 17px; border:2px solid var(--pc-primary-deep); }

@media (max-width:359px) {
  .parchin.pc-design-2 .pc-clist { grid-template-columns:1fr; }
  .parchin.pc-design-2 .pc-clist li:first-child { grid-column:auto; }
  .parchin.pc-design-2 .pc-clist li:not(:first-child) .pc-clist__item { flex-direction:row; align-items:center; }
  .parchin.pc-design-2 .pc-clist li:not(:first-child) .pc-clist__txt bdi { font-size:.9rem; }
}
@media (prefers-reduced-motion:reduce) {
  .parchin .pc-cpanel, .parchin .pc-cfab { animation:none; transition:none; }
}
