/* TEKRAM Caloundra | Gravity Projex Proprietary License
   Copyright (c) 2026 Gravity Projex. All Rights Reserved. | gravityprojex.com.au */

/* ==========================================================================
   Public page skin, v3.6.0
   --------------------------------------------------------------------------
   Loaded ONLY on the public landing pages (see inc/public-skin.php) and every
   rule is scoped to body.tk-skin, so the Manager Portal, Vendor Dashboard and
   all forms are untouched.

   The platform is TEKRAM: bitumen ground, painted bay lines, Archivo, one
   signal colour for actions. Caloundra Markets shows through its badge, its
   name and its six market flag colours, used as bunting and to tell the
   market locations apart.
   ========================================================================== */

@font-face {
    font-family: 'Archivo';
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    font-stretch: 62% 125%;
    src: url('../fonts/archivo-var.woff2') format('woff2-variations'), url('../fonts/archivo-var.woff2') format('woff2');
}

body.tk-chrome,
body.tk-skin {
    --tk-bitumen:   #16202a;
    --tk-bitumen-2: #1e2a36;
    --tk-concrete:  #eef1f0;
    --tk-slab:      #e2e7e6;
    --tk-paper:     #ffffff;
    --tk-line:      #cfd6d8;
    --tk-ink-2:     #4d5b66;
    --tk-ink-3:     #6b7882;
    --tk-on-dark:   #c9d2d8;
    --tk-signal:    #d92c68;
    --tk-signal-hi: #f0568c;
    --tk-signal-lo: #b51f55;
    --tk-display:   'Archivo', 'Inter', system-ui, sans-serif;
    --tk-r-s: 4px;
    --tk-r-m: 8px;
    --tk-bay: 48px;

    /* Caloundra Markets flag colours */
    --cm-aqua:   #bae2dd;
    --cm-yellow: #f4cb56;
    --cm-pink:   #ff519a;
    --cm-slate:  #72989f;
    --cm-coral:  #ff7852;
    --cm-lime:   #cae43b;
    --cm-deep:   #072e32;

    --cm-bunting: linear-gradient(to right,
        var(--cm-aqua) 0 16.66%, var(--cm-yellow) 16.66% 33.33%, var(--cm-pink) 33.33% 50%,
        var(--cm-slate) 50% 66.66%, var(--cm-coral) 66.66% 83.33%, var(--cm-lime) 83.33% 100%);

}
body.tk-skin {
    background: var(--tk-concrete);
    color: var(--tk-bitumen);
}

/* ---------- Type --------------------------------------------------------- */
body.tk-skin h1, body.tk-skin h2, body.tk-skin h3,
body.tk-skin .hero-title, body.tk-skin .section-title, body.tk-skin .cta-title {
    font-family: var(--tk-display);
    font-stretch: 88%;
    letter-spacing: -0.012em;
}
body.tk-skin .gradient-text,
body.tk-skin .gradient-text-dark {
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    -webkit-text-fill-color: currentColor;
    color: inherit;
}
body.tk-skin a:focus-visible,
body.tk-skin button:focus-visible,
body.tk-skin select:focus-visible {
    outline: 2px solid var(--tk-signal);
    outline-offset: 2px;
}
body.tk-skin .animate-on-scroll { opacity: 1; transform: none; transition: none; }

/* Retired decoration */
body.tk-skin .hero-bg, body.tk-skin .hero-orb, body.tk-skin .hero-grid,
body.tk-skin .how-it-works-bg, body.tk-skin .features-bg,
body.tk-skin .cta-bg, body.tk-skin .cta-orb, body.tk-skin .cta-pattern,
body.tk-skin .guide-hero::before, body.tk-skin .guide-hero::after,
body.tk-skin .guide-cta-card::before, body.tk-skin .guide-cta-card::after { display: none; }

/* ---------- Buttons ------------------------------------------------------ */
body.tk-skin .btn,
body.tk-chrome .hdr-btn,
body.tk-skin .guide-cta-buttons .btn-white,
body.tk-skin .guide-cta-buttons .btn-ghost-light {
    border-radius: var(--tk-r-s);
    box-shadow: none;
    transform: none;
    font-weight: 600;
    letter-spacing: 0;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
body.tk-skin .btn:hover, body.tk-chrome .hdr-btn:hover { transform: none; box-shadow: none; }
body.tk-skin .btn .arrow-right, body.tk-skin .btn svg.lucide-arrow-right { display: none; }
body.tk-skin .btn-primary,
body.tk-chrome .tekram-header .hdr-btn-primary {
    background: var(--tk-signal);
    border: 1px solid var(--tk-signal);
    color: #fff;
}
body.tk-skin .btn-primary:hover,
body.tk-chrome .tekram-header .hdr-btn-primary:hover { background: var(--tk-signal-lo); border-color: var(--tk-signal-lo); color: #fff; }
body.tk-skin .btn-outline-light,
body.tk-skin .guide-cta-buttons .btn-ghost-light {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.35);
    color: #fff;
}
body.tk-skin .btn-outline-light:hover,
body.tk-skin .guide-cta-buttons .btn-ghost-light:hover { background: rgba(255, 255, 255, 0.08); border-color: #fff; color: #fff; }
body.tk-skin .btn-white,
body.tk-skin .guide-cta-buttons .btn-white { background: #fff; border: 1px solid #fff; color: var(--tk-bitumen); }
body.tk-skin .btn-white:hover,
body.tk-skin .guide-cta-buttons .btn-white:hover { background: var(--tk-concrete); color: var(--tk-bitumen); }

/* ---------- Header: TEKRAM chrome with Caloundra bunting ------------------ */
body.tk-chrome .tekram-header .navbar,
body.tk-chrome .tekram-header .navbar.scrolled {
    background: var(--tk-bitumen);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
    border-bottom: 0;
}
body.tk-chrome .tekram-header .navbar::after {
    content: '';
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 4px;
    background: var(--cm-bunting);
}
body.tk-chrome .tekram-header .logo-text {
    font-family: var(--tk-display);
    font-stretch: 90%;
    font-weight: 750;
    letter-spacing: 0;
    color: #fff;
    background: none;
    -webkit-text-fill-color: #fff;
}
body.tk-chrome .tekram-header .logo-text::after {
    content: 'on TEKRAM';
    margin-left: 0.5rem;
    font-family: var(--tk-display);
    font-stretch: 110%;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--tk-on-dark);
    -webkit-text-fill-color: var(--tk-on-dark);
    vertical-align: middle;
}
body.tk-chrome .tekram-header .nav-link { color: var(--tk-on-dark); font-weight: 500; }
body.tk-chrome .tekram-header .nav-link:hover { color: #fff; }
body.tk-chrome .tekram-header .mobile-menu { background: var(--tk-bitumen); }

/* ---------- Dark grounds with painted bay lines -------------------------- */
body.tk-skin .hero,
body.tk-skin .how-it-works,
body.tk-skin .cta,
body.tk-skin .guide-hero,
body.tk-skin .guide-cta-section,
body.tk-skin .legal-hero {
    background-color: var(--tk-bitumen);
    background-image:
        linear-gradient(to right, rgba(255, 255, 255, 0.045) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
    background-size: var(--tk-bay) var(--tk-bay);
}

/* ---------- Home hero ---------------------------------------------------- */
body.tk-skin .hero.tk-home-hero {
    min-height: 0;
    display: block;
    text-align: left;
    padding: 8.5rem 0 5rem;
}
body.tk-skin .tk-home-split {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
    align-items: start;
}
@media (min-width: 1024px) {
    body.tk-skin .tk-home-split { grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: 4.5rem; }
}
body.tk-skin .tk-client-badge {
    display: block;
    width: 84px;
    height: auto;
    margin: 0 0 1.75rem;
}
body.tk-skin .tk-kicker {
    margin: 0 0 0.75rem;
    color: var(--cm-aqua);
    font-weight: 600;
    font-size: 0.9375rem;
}
body.tk-skin .tk-home-hero .hero-title {
    color: #fff;
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-stretch: 80%;
    font-weight: 760;
    line-height: 1.02;
    margin: 0 0 1.5rem;
    text-align: left;
    max-width: 12ch;
}
body.tk-skin .tk-home-hero .hero-subtitle {
    color: var(--tk-on-dark);
    font-size: 1.125rem;
    line-height: 1.65;
    max-width: 34rem;
    margin: 0 0 2rem;
    text-align: left;
}
body.tk-skin .tk-home-hero .hero-cta { display: flex; flex-wrap: wrap; gap: 0.75rem; justify-content: flex-start; margin: 0 0 1.5rem; }
body.tk-skin .tk-signin { color: var(--tk-on-dark); font-size: 0.9375rem; margin: 0; }
body.tk-skin .tk-signin a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
body.tk-skin .tk-signin a:hover { color: var(--cm-aqua); }

/* "Coming up" panel */
body.tk-skin .tk-next {
    background: var(--tk-concrete);
    color: var(--tk-bitumen);
    border-radius: var(--tk-r-m);
    padding: 1.25rem 1.25rem 1rem;
    border-top: 6px solid transparent;
    border-image: var(--cm-bunting) 1;
    border-image-slice: 6 0 0 0;
}
body.tk-skin .tk-next-title {
    font-size: 1.25rem;
    font-weight: 720;
    margin: 0 0 0.75rem;
    color: var(--tk-bitumen);
}
body.tk-skin .tk-next-list { list-style: none; margin: 0; padding: 0; }
body.tk-skin .tk-next-item { border-top: 1px solid var(--tk-line); }
body.tk-skin .tk-next-item a {
    display: grid;
    grid-template-columns: 3.75rem 1fr;
    gap: 0.25rem 1rem;
    align-items: center;
    padding: 0.875rem 0;
    color: inherit;
    text-decoration: none;
}
body.tk-skin .tk-next-date {
    grid-row: span 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.4rem 0;
    border-radius: var(--tk-r-s);
    background: var(--tk-flag, var(--cm-aqua));
    color: var(--tk-bitumen);
    line-height: 1;
    font-family: var(--tk-display);
}
body.tk-skin .tk-next-day,
body.tk-skin .tk-next-mon { font-size: 0.6875rem; font-weight: 700; font-stretch: 100%; }
body.tk-skin .tk-next-num { font-size: 1.5rem; font-weight: 760; font-stretch: 80%; margin: 0.15rem 0; }
body.tk-skin .tk-next-name { display: block; font-weight: 650; font-size: 1rem; }
body.tk-skin .tk-next-meta { display: block; color: var(--tk-ink-3); font-size: 0.875rem; }
body.tk-skin .tk-next-go { grid-column: 2; font-size: 0.8125rem; font-weight: 600; color: var(--tk-signal); }
body.tk-skin .tk-next-item a:hover .tk-next-name { text-decoration: underline; text-underline-offset: 3px; }
body.tk-skin .tk-next-all {
    display: inline-block;
    margin-top: 0.5rem;
    padding-top: 0.75rem;
    font-weight: 600;
    color: var(--tk-bitumen);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* ---------- Light sections ----------------------------------------------- */
body.tk-skin .features,
body.tk-skin .guide-steps,
body.tk-skin .guide-requirements,
body.tk-skin .guide-tips { background: var(--tk-concrete); position: relative; }
body.tk-skin .guide-requirements { background: var(--tk-slab); }

body.tk-skin .section-header,
body.tk-skin .guide-section-header {
    text-align: left;
    max-width: 44rem;
    margin-left: 0;
    margin-right: auto;
}
body.tk-skin .section-title,
body.tk-skin .guide-section-title {
    color: var(--tk-bitumen);
    font-size: clamp(1.75rem, 3.6vw, 2.75rem);
    font-weight: 720;
    line-height: 1.08;
    text-align: left;
}
body.tk-skin .section-subtitle,
body.tk-skin .guide-section-subtitle {
    color: var(--tk-ink-2);
    text-align: left;
    margin-left: 0;
    max-width: 40rem;
}
body.tk-skin .section-label,
body.tk-skin .guide-section-label {
    display: block;
    text-transform: none;
    letter-spacing: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--tk-signal);
    background: none;
    border: 0;
    padding: 0;
    text-align: left;
}

/* Ruled list (home "why trade") */
body.tk-skin .tk-ruled {
    list-style: none;
    margin: 3rem 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 2.5rem;
}
@media (min-width: 720px)  { body.tk-skin .tk-ruled { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { body.tk-skin .tk-ruled { grid-template-columns: repeat(3, 1fr); } }
body.tk-skin .tk-ruled li { border-top: 2px solid var(--tk-bitumen); padding: 1.125rem 0 2.25rem; }
body.tk-skin .tk-ruled h3 { font-size: 1.1875rem; font-weight: 680; font-stretch: 92%; margin: 0 0 0.5rem; color: var(--tk-bitumen); }
body.tk-skin .tk-ruled p { margin: 0; color: var(--tk-ink-2); line-height: 1.65; }

/* Steps (home) */
body.tk-skin .how-it-works .section-title { color: #fff; }
body.tk-skin .tk-steps {
    list-style: none;
    margin: 2.5rem 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
}
@media (min-width: 900px) { body.tk-skin .tk-steps { grid-template-columns: repeat(3, 1fr); } }
body.tk-skin .tk-steps li {
    background: var(--tk-bitumen-2);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--tk-r-m);
    padding: 1.75rem;
}
body.tk-skin .tk-step-no {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.75rem;
    height: 2.75rem;
    border: 2px solid var(--tk-signal-hi);
    border-radius: 2px;
    color: var(--tk-signal-hi);
    font-family: var(--tk-display);
    font-stretch: 80%;
    font-weight: 700;
    font-size: 1.125rem;
    margin-bottom: 1rem;
}
body.tk-skin .tk-steps h3 { color: #fff; font-size: 1.1875rem; font-weight: 680; margin: 0 0 0.5rem; }
body.tk-skin .tk-steps p { color: var(--tk-on-dark); margin: 0; line-height: 1.65; }

/* Closing call to action */
body.tk-skin .cta.tk-home-cta { text-align: left; padding: 5rem 0; }
body.tk-skin .tk-home-cta .cta-title { color: #fff; font-size: clamp(2rem, 4.5vw, 3rem); margin: 0 0 0.75rem; text-align: left; }
body.tk-skin .tk-home-cta .cta-subtitle { color: var(--tk-on-dark); margin: 0 0 2rem; max-width: 36rem; text-align: left; }
body.tk-skin .tk-home-cta .cta-buttons { display: flex; flex-wrap: wrap; gap: 0.75rem; justify-content: flex-start; }

/* ---------- Markets list: a fixture list, not a card grid ---------------- */
body.tk-skin .tekram-markets-list > h2 {
    font-family: var(--tk-display);
    font-stretch: 88%;
    font-size: clamp(1.75rem, 3.6vw, 2.5rem);
    font-weight: 720;
    color: var(--tk-bitumen);
    text-align: left;
    margin: 0 0 1.5rem;
}
body.tk-skin .tekram-markets-grid {
    display: flex;
    flex-direction: column;
    gap: 0;
    border-top: 1px solid var(--tk-line);
}
body.tk-skin .tekram-market-card {
    display: grid;
    grid-template-columns: 5.5rem 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 1.25rem;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--tk-line);
    border-radius: 0;
    box-shadow: none;
    padding: 1rem 0;
    transform: none;
    overflow: visible;
}
body.tk-skin .tekram-market-card:hover { transform: none; box-shadow: none; background: var(--tk-paper); }
@media (min-width: 720px) {
    body.tk-skin .tekram-market-card { grid-template-columns: 5.5rem 1fr auto; grid-template-rows: auto; }
}
body.tk-skin .tekram-market-card .market-card-header {
    grid-row: span 2;
    position: relative;
    background: var(--mkt-flag, var(--cm-aqua)) !important;
    border-radius: var(--tk-r-s);
    padding: 0.625rem 0.5rem;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
@media (min-width: 720px) { body.tk-skin .tekram-market-card .market-card-header { grid-row: auto; } }
body.tk-skin .market-card-header .market-date-display { display: flex; flex-direction: column; align-items: center; gap: 0; }
body.tk-skin .market-card-header .date-number {
    font-family: var(--tk-display);
    font-stretch: 80%;
    font-weight: 760;
    font-size: 2rem;
    line-height: 1;
}
body.tk-skin .market-card-header .date-meta { display: flex; gap: 0.25rem; font-size: 0.75rem; font-weight: 700; }
body.tk-skin .market-card-header .date-year { display: none; }
body.tk-skin .market-card-header .market-day-label { order: -1; font-size: 0.6875rem; font-weight: 700; opacity: 1 !important; }
body.tk-skin .market-card-header .market-days-badge {
    position: static;
    order: 3;
    margin-top: 0.375rem;
    padding: 0.125rem 0.375rem;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.75);
    color: var(--tk-bitumen);
    font-size: 0.6875rem;
    font-weight: 700;
    box-shadow: none;
    backdrop-filter: none;
}
body.tk-skin .market-card-header .market-days-badge.today,
body.tk-skin .market-card-header .market-days-badge.soon { background: var(--tk-bitumen); color: #fff; }
body.tk-skin .tekram-market-card .market-card-body { padding: 0; }
body.tk-skin .tekram-market-card .market-name {
    font-family: var(--tk-display);
    font-stretch: 90%;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--tk-bitumen);
    margin: 0 0 0.25rem;
}
body.tk-skin .tekram-market-card .market-details { display: flex; flex-wrap: wrap; gap: 0.25rem 1.25rem; color: var(--tk-ink-2); font-size: 0.9375rem; }
body.tk-skin .tekram-market-card .market-detail-row svg { color: var(--tk-ink-3); }
body.tk-skin .tekram-market-card .market-card-footer { padding: 0; border: 0; background: none; grid-column: 2; }
@media (min-width: 720px) { body.tk-skin .tekram-market-card .market-card-footer { grid-column: auto; } }
body.tk-skin .tekram-market-card .market-cta-btn {
    display: inline-flex;
    width: auto;
    padding: 0.625rem 1rem;
    margin-top: 0.5rem;
    background: var(--tk-bitumen);
    color: #fff;
    border: 1px solid var(--tk-bitumen);
    border-radius: var(--tk-r-s);
    font-weight: 600;
    font-size: 0.875rem;
    box-shadow: none;
    transform: none;
}
@media (min-width: 720px) { body.tk-skin .tekram-market-card .market-cta-btn { margin-top: 0; } }
body.tk-skin .tekram-market-card .market-cta-btn:hover { background: var(--tk-signal); border-color: var(--tk-signal); color: #fff; }
body.tk-skin .tekram-market-card .market-cta-btn svg { display: none; }

/* ---------- Vendor lineup / directory ------------------------------------ */
body.tk-skin .tekram-sellers-page > h2 {
    font-family: var(--tk-display);
    font-stretch: 88%;
    font-size: clamp(1.75rem, 3.6vw, 2.5rem);
    font-weight: 720;
    color: var(--tk-bitumen);
    text-align: left;
}
body.tk-skin .tekram-sellers-filters label { color: var(--tk-ink-2); font-weight: 600; }
body.tk-skin #date-filter,
body.tk-skin #category-filter {
    border-radius: var(--tk-r-s);
    border: 1px solid var(--tk-line);
    background-color: var(--tk-paper);
    color: var(--tk-bitumen);
    box-shadow: none;
}
body.tk-skin .tekram-sellers-page .tekram-market-header {
    background: var(--tk-bitumen);
    background-image:
        linear-gradient(to right, rgba(255, 255, 255, 0.045) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
    background-size: var(--tk-bay) var(--tk-bay);
    border-radius: var(--tk-r-m);
    border-top: 6px solid var(--mkt-grad-to, var(--cm-aqua));
    box-shadow: none;
    color: #fff;
    text-align: left;
}
body.tk-skin .tekram-sellers-page .tekram-market-header::before,
body.tk-skin .tekram-sellers-page .tekram-market-header::after { display: none; }
body.tk-skin .tekram-sellers-page .tekram-market-header h3 {
    color: #fff;
    font-family: var(--tk-display);
    font-stretch: 86%;
    font-weight: 740;
}
body.tk-skin .tekram-sellers-page .tekram-market-header .market-meta,
body.tk-skin .tekram-sellers-page .tekram-market-header .market-meta-item { color: var(--tk-on-dark); }
body.tk-skin .tekram-sellers-page .tekram-market-header .market-date-badge {
    background: var(--mkt-grad-to, var(--cm-aqua));
    color: var(--tk-bitumen);
    border: 0;
    border-radius: 2px;
    box-shadow: none;
    backdrop-filter: none;
}
body.tk-skin .tekram-sellers-page .sellers-count-bar { background: none; border: 0; padding-left: 0; }
body.tk-skin .tekram-sellers-page .sellers-count { color: var(--tk-ink-2); font-size: 1rem; }
body.tk-skin .tekram-sellers-page .sellers-count strong {
    font-family: var(--tk-display);
    font-stretch: 80%;
    font-size: 1.75rem;
    color: var(--tk-bitumen);
    margin-right: 0.25rem;
}
body.tk-skin .tekram-sellers-page .tekram-seller-card {
    background: var(--tk-paper);
    border: 1px solid var(--tk-line);
    border-radius: var(--tk-r-m);
    box-shadow: none;
    transform: none;
}
body.tk-skin .tekram-sellers-page .tekram-seller-card:hover { transform: none; box-shadow: none; border-color: #9aa7ad; }
body.tk-skin .tekram-sellers-page .seller-name {
    font-family: var(--tk-display);
    font-stretch: 92%;
    font-weight: 680;
    color: var(--tk-bitumen);
}
body.tk-skin .tekram-sellers-page .seller-description { color: var(--tk-ink-2); }
body.tk-skin .tekram-sellers-page .seller-link { border-radius: var(--tk-r-s); }
body.tk-skin .tekram-sellers-page .seller-link:hover { color: var(--tk-signal); border-color: var(--tk-signal); }
body.tk-skin .tekram-empty-state {
    background: var(--tk-paper);
    border: 1px dashed #9aa7ad;
    border-radius: var(--tk-r-m);
    text-align: left;
}
body.tk-skin .tkl-share .tkl-share__btn,
body.tk-skin .tkl-share .tkl-share__story { border-radius: var(--tk-r-s); box-shadow: none; }

/* ---------- Stallholder guide -------------------------------------------- */
body.tk-skin .guide-hero { text-align: left; padding: 8.5rem 0 4.5rem; }
body.tk-skin .guide-hero-inner { text-align: left; margin-left: 0; max-width: 46rem; }
body.tk-skin .guide-hero .guide-section-label { color: var(--cm-aqua); }
body.tk-skin .guide-hero h1 {
    color: #fff;
    font-size: clamp(2.5rem, 6vw, 4.25rem);
    font-stretch: 80%;
    font-weight: 760;
    line-height: 1.02;
    text-align: left;
}
body.tk-skin .guide-hero p { color: var(--tk-on-dark); text-align: left; margin-left: 0; }
body.tk-skin .guide-hero-buttons { justify-content: flex-start; }
body.tk-skin .guide-step-card,
body.tk-skin .requirement-card,
body.tk-skin .tip-card {
    background: var(--tk-paper);
    border: 1px solid var(--tk-line);
    border-radius: var(--tk-r-m);
    box-shadow: none;
    transform: none;
    text-align: left;
}
body.tk-skin .guide-step-card:hover,
body.tk-skin .requirement-card:hover,
body.tk-skin .tip-card:hover { transform: none; box-shadow: none; border-color: #9aa7ad; }
body.tk-skin .guide-step-icon,
body.tk-skin .tip-number { display: none; }
body.tk-skin .guide-step-number,
body.tk-skin .guide-step-number span {
    position: static;
    background: none;
    box-shadow: none;
    -webkit-text-fill-color: currentColor;
}
body.tk-skin .guide-step-number span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.75rem;
    height: 2.75rem;
    border: 2px solid var(--tk-signal);
    border-radius: 2px;
    color: var(--tk-signal);
    font-family: var(--tk-display);
    font-stretch: 80%;
    font-weight: 700;
    font-size: 1.125rem;
}
body.tk-skin .guide-step-number { width: auto; height: auto; margin: 0 0 1rem; border: 0; justify-content: flex-start; }
body.tk-skin .guide-step-title,
body.tk-skin .requirement-body h4,
body.tk-skin .tip-card h4 {
    font-family: var(--tk-display);
    font-stretch: 92%;
    font-weight: 680;
    color: var(--tk-bitumen);
}
body.tk-skin .guide-step-desc,
body.tk-skin .requirement-body p,
body.tk-skin .tip-card p { color: var(--tk-ink-2); }

/* Requirements: line icon, plain tag */
body.tk-skin .requirement-icon[class] {
    background: none;
    box-shadow: none;
    width: auto;
    height: auto;
    color: var(--tk-signal);
}
body.tk-skin .requirement-icon[class] svg { color: var(--tk-signal); stroke: currentColor; }
body.tk-skin .badge-required,
body.tk-skin .badge-optional {
    display: inline-block;
    margin-left: 0.375rem;
    padding: 0.125rem 0.5rem;
    border-radius: 2px;
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    vertical-align: middle;
}
body.tk-skin .badge-required { background: var(--tk-bitumen); color: #fff; border: 1px solid var(--tk-bitumen); }
body.tk-skin .badge-optional { background: transparent; color: var(--tk-ink-2); border: 1px solid #9aa7ad; }

/* Tips: a ruled list, not numbered (they are not a sequence) */
body.tk-skin .tip-card {
    background: transparent;
    border: 0;
    border-top: 2px solid var(--tk-bitumen);
    border-radius: 0;
    padding: 1.125rem 0 0;
}
body.tk-skin .tip-card:hover { border-color: var(--tk-signal); }

/* Guide closing band */
body.tk-skin .guide-cta-card {
    background: transparent;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
}
body.tk-skin .guide-cta-inner { text-align: left; margin-left: 0; }
body.tk-skin .guide-cta-card h2 { color: #fff; text-align: left; }
body.tk-skin .guide-cta-card p { color: var(--tk-on-dark); text-align: left; margin-left: 0; }
body.tk-skin .guide-cta-buttons { justify-content: flex-start; }

/* ---------- Privacy and terms: a dark document page --------------------- */
body.tk-skin.page-template-page-tekram-privacy-policy { background: var(--tk-bitumen); }
body.tk-skin .legal-hero::before,
body.tk-skin .legal-hero::after { display: none; }
body.tk-skin .legal-hero { text-align: left; padding-top: 8.5rem; padding-bottom: 3rem; }
body.tk-skin .legal-hero .container,
body.tk-skin .legal-hero > * { text-align: left; }
body.tk-skin .legal-hero h1,
body.tk-skin .privacy-page .legal-hero h1 {
    color: #fff;
    text-align: left;
    font-size: clamp(2.25rem, 5vw, 3.5rem);
    font-stretch: 82%;
    font-weight: 760;
}
body.tk-skin .legal-hero p,
body.tk-skin .privacy-page .legal-hero p { color: var(--tk-on-dark); text-align: left; }
body.tk-skin .effective-date {
    text-align: left;
    background: transparent;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 0;
    color: var(--tk-on-dark);
}
body.tk-skin .effective-date strong { color: #fff; }
body.tk-skin .privacy-page .legal-card,
body.tk-skin .legal-card {
    background: var(--tk-bitumen-2);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--tk-r-m);
    box-shadow: none;
}
body.tk-skin .privacy-page .legal-card h2,
body.tk-skin .legal-card h2 { color: #fff; font-family: var(--tk-display); font-stretch: 90%; }
body.tk-skin .privacy-page .legal-card h3 { color: var(--cm-aqua); }
body.tk-skin .privacy-page .legal-card h4 { color: var(--tk-signal-hi); }
body.tk-skin .privacy-page .legal-card a,
body.tk-skin .legal-part a { color: var(--cm-aqua); text-decoration: underline; text-underline-offset: 3px; }
body.tk-skin .legal-toc {
    background: var(--tk-bitumen-2);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 4px solid var(--tk-signal);
    border-radius: var(--tk-r-s);
}
body.tk-skin .legal-toc h3,
body.tk-skin .legal-toc h4 { color: var(--cm-aqua); text-transform: none; letter-spacing: 0; }
body.tk-skin .legal-toc li a { color: var(--tk-on-dark); }
body.tk-skin .legal-toc li a:hover { color: #fff; }
body.tk-skin .party-callout {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 4px solid var(--cm-slate);
    border-radius: var(--tk-r-s);
}
body.tk-skin .contact-box {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 4px solid var(--cm-aqua);
    border-radius: var(--tk-r-s);
}
body.tk-skin .contact-box strong { color: var(--cm-aqua) !important; }
body.tk-skin .resp-table thead th { color: var(--cm-aqua); }
body.tk-skin .legal-part .legal-part-eyebrow { color: var(--cm-aqua); text-transform: none; letter-spacing: 0; }

/* ---------- Footer: TEKRAM chrome ---------------------------------------- */
body.tk-chrome .tekram-footer,
body.tk-chrome .tekram-footer .footer {
    background: var(--tk-bitumen);
    position: relative;
}
body.tk-chrome .tekram-footer::before {
    content: '';
    display: block;
    height: 4px;
    background: var(--cm-bunting);
}
body.tk-chrome .tekram-footer .footer-tagline {
    color: #fff;
    font-family: var(--tk-display);
    font-stretch: 90%;
    font-weight: 700;
    font-size: 1.125rem;
}
body.tk-chrome .tekram-footer .footer-column h4 {
    color: #fff;
    font-family: var(--tk-display);
    font-stretch: 92%;
    text-transform: none;
    letter-spacing: 0;
}
body.tk-chrome .tekram-footer .footer-links a,
body.tk-chrome .tekram-footer .footer-contact-item,
body.tk-chrome .tekram-footer .footer-copyright,
body.tk-chrome .tekram-footer .footer-legal,
body.tk-chrome .tekram-footer .footer-legal a { color: var(--tk-on-dark); }
body.tk-chrome .tekram-footer .footer-links a:hover,
body.tk-chrome .tekram-footer .footer-legal a:hover,
body.tk-chrome .tekram-footer .footer-copyright a { color: #fff; }

@media (prefers-reduced-motion: reduce) {
    body.tk-skin * { transition: none !important; }
}

/* Shortcode page wrappers sit on the concrete ground. */
body.tk-skin.tekram-light-bg,
body.tk-skin.tekram-light-bg-fullwidth,
body.tk-skin .tekram-light-page,
body.tk-skin .tekram-light-fullwidth { background: var(--tk-concrete) !important; color: var(--tk-bitumen) !important; }
body.tk-skin .tekram-light-page a { color: var(--tk-signal); }
body.tk-skin .tekram-light-page .market-cta-btn,
body.tk-skin .tekram-light-fullwidth .market-cta-btn { color: #fff; }
body.tk-skin .tekram-markets-list,
body.tk-skin .tekram-sellers-page { max-width: 1200px; margin-left: auto; margin-right: auto; }

/* Home closing band sits on the light ground so it doesn't merge with the steps. */
body.tk-skin .cta.tk-home-cta { background: var(--tk-slab); background-image: none; }
body.tk-skin .tk-home-cta .cta-title { color: var(--tk-bitumen); }
body.tk-skin .tk-home-cta .cta-subtitle { color: var(--tk-ink-2); }
body.tk-skin .tk-home-cta .btn-white { background: var(--tk-bitumen); border-color: var(--tk-bitumen); color: #fff; }
body.tk-skin .tk-home-cta .btn-white:hover { background: var(--tk-signal); border-color: var(--tk-signal); color: #fff; }
body.tk-skin .tk-home-cta .btn-outline-light { border-color: var(--tk-bitumen); color: var(--tk-bitumen); }
body.tk-skin .tk-home-cta .btn-outline-light:hover { background: var(--tk-paper); color: var(--tk-bitumen); }
body.tk-skin .tekram-markets-list,
body.tk-skin .tekram-sellers-page { background: transparent; border: 0; box-shadow: none; }
body.tk-skin .market-card-header .market-day-label,
body.tk-skin .market-card-header .date-month { text-transform: none; letter-spacing: 0; }
/* The template forces white with !important; dark text is needed on the light flag colour. */
body.tk-skin .tekram-sellers-page .tekram-market-header .market-date-badge,
body.tk-skin .tekram-sellers-page .tekram-market-header .market-date-badge * { color: var(--tk-bitumen) !important; }

/* Guide hero keeps the page gutter. */
body.tk-skin .guide-hero-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}
body.tk-skin .guide-hero-inner > p,
body.tk-skin .guide-hero-inner > h1 { max-width: 44rem; }
body.tk-skin .privacy-page,
body.tk-skin:has(.privacy-page) { background: var(--tk-bitumen); }

@media (max-width: 640px) {
    body.tk-skin .tk-home-hero .hero-cta { flex-direction: column; align-items: stretch; }
    body.tk-skin .tk-home-hero .hero-cta .btn { width: 100%; justify-content: center; margin: 0; }
    body.tk-skin .tekram-sellers-filters { align-items: stretch; text-align: left; }
    body.tk-skin .tekram-sellers-filters label { text-align: left; }
    body.tk-skin .tekram-sellers-filter-divider { display: none; }
}

/* ==========================================================================
   v3.6.1: application forms and dashboard hints
   ========================================================================== */

/* ---------- Application forms (vendor, and perform or promote) ----------- */
/* Styling only. Field names, ids, required flags and scripts are untouched. */
body.tk-skin .tekram-application-form {
    max-width: 52rem;
    margin: 0 auto;
    padding: 2rem 1.5rem 4rem;
    background: transparent;
    color: var(--tk-bitumen);
    font-family: 'Inter', system-ui, sans-serif;
}
body.tk-skin .tekram-application-form .tk-form-head {
    margin: 0 0 2rem;
    padding: 0 0 1.75rem;
    border-bottom: 2px solid var(--tk-bitumen);
}
body.tk-skin .tekram-application-form .tk-form-kicker {
    margin: 0 0 0.5rem;
    color: var(--tk-signal);
    font-weight: 600;
    font-size: 0.9375rem;
}
body.tk-skin .tekram-application-form .tk-form-title {
    margin: 0 0 1rem;
    font-family: var(--tk-display);
    font-stretch: 82%;
    font-weight: 760;
    font-size: clamp(2.25rem, 5vw, 3.25rem);
    line-height: 1.04;
    color: var(--tk-bitumen);
}
body.tk-skin .tekram-application-form .tk-form-lead {
    margin: 0 0 1rem;
    color: var(--tk-ink-2);
    font-size: 1.0625rem;
    line-height: 1.65;
    max-width: 40rem;
}
body.tk-skin .tekram-application-form .tk-form-ready {
    margin: 0;
    padding: 0.875rem 1rem;
    background: var(--tk-paper);
    border: 1px solid var(--tk-line);
    border-left: 4px solid var(--cm-yellow);
    border-radius: var(--tk-r-s);
    color: var(--tk-ink-2);
    line-height: 1.6;
    font-size: 0.9375rem;
}
body.tk-skin .tekram-application-form .tk-form-ready strong { color: var(--tk-bitumen); }

/* Sections become white panels with a numbered, sentence-case heading */
body.tk-skin .tekram-application-form .tekram-form-section {
    background: var(--tk-paper);
    border: 1px solid var(--tk-line);
    border-radius: var(--tk-r-m);
    padding: 1.5rem 1.5rem 1.25rem;
    margin: 0 0 1.25rem;
    box-shadow: none;
}
body.tk-skin .tekram-application-form .tekram-form-section:last-of-type { border-bottom: 1px solid var(--tk-line); padding-bottom: 1.25rem; }
body.tk-skin .tekram-application-form .tekram-form-section h3 {
    margin: 0 0 1.25rem;
    font-family: var(--tk-display);
    font-stretch: 90%;
    font-weight: 700;
    font-size: 1.25rem;
    letter-spacing: 0;
    text-transform: none;
    color: var(--tk-bitumen);
}
body.tk-skin .tekram-application-form .tekram-form-section h4 {
    font-family: var(--tk-display);
    font-stretch: 92%;
    font-weight: 680;
    font-size: 1.0625rem;
    color: var(--tk-bitumen);
}
body.tk-skin .tekram-application-form label {
    color: var(--tk-bitumen);
    font-weight: 600;
    font-size: 0.875rem;
}
body.tk-skin .tekram-application-form .tekram-checkbox-group label,
body.tk-skin .tekram-application-form .tekram-checkbox-label { font-weight: 400; color: var(--tk-ink-2); font-size: 0.9375rem; }
body.tk-skin .tekram-application-form .required { color: var(--tk-signal); }
body.tk-skin .tekram-application-form .tekram-help-text { color: var(--tk-ink-3); font-size: 0.8125rem; line-height: 1.55; }
body.tk-skin .tekram-application-form input[type="text"],
body.tk-skin .tekram-application-form input[type="email"],
body.tk-skin .tekram-application-form input[type="tel"],
body.tk-skin .tekram-application-form input[type="url"],
body.tk-skin .tekram-application-form input[type="number"],
body.tk-skin .tekram-application-form input[type="date"],
body.tk-skin .tekram-application-form input[type="file"],
body.tk-skin .tekram-application-form select,
body.tk-skin .tekram-application-form textarea {
    background: var(--tk-paper);
    border: 1px solid #b9c3c7;
    border-radius: var(--tk-r-s);
    color: var(--tk-bitumen);
    box-shadow: none;
    font-size: 1rem;
}
body.tk-skin .tekram-application-form input[type="file"] { background: var(--tk-concrete); }
body.tk-skin .tekram-application-form input:focus,
body.tk-skin .tekram-application-form select:focus,
body.tk-skin .tekram-application-form textarea:focus {
    outline: 2px solid var(--tk-signal);
    outline-offset: 1px;
    border-color: var(--tk-bitumen);
    box-shadow: none;
}
body.tk-skin .tekram-application-form input[type="checkbox"],
body.tk-skin .tekram-application-form input[type="radio"] { accent-color: var(--tk-signal); }
body.tk-skin .tekram-application-form .tekram-document-upload {
    background: var(--tk-concrete);
    border: 1px solid var(--tk-line);
    border-radius: var(--tk-r-s);
}
body.tk-skin .tekram-application-form .tekram-form-submit { text-align: left; }
body.tk-skin .tekram-application-form .tekram-submit-note { text-align: left; color: var(--tk-ink-3); }
body.tk-skin .tekram-application-form .tekram-button-primary,
body.tk-skin .tekram-application-form .tekram-btn-primary {
    background: var(--tk-signal);
    border: 1px solid var(--tk-signal);
    border-radius: var(--tk-r-s);
    color: #fff;
    font-weight: 600;
    box-shadow: none;
    transform: none;
}
body.tk-skin .tekram-application-form .tekram-button-primary:hover,
body.tk-skin .tekram-application-form .tekram-btn-primary:hover { background: var(--tk-signal-lo); border-color: var(--tk-signal-lo); opacity: 1; }

/* Perform or promote form: its own inline styles, matched here */
body.tk-skin .tekram-entertainer-application {
    max-width: 52rem;
    font-family: 'Inter', system-ui, sans-serif;
    color: var(--tk-bitumen);
}
body.tk-skin .tekram-entertainer-application * { font-family: inherit; }
body.tk-skin .tekram-entertainer-application .tk-form-title,
body.tk-skin .tekram-entertainer-application .tekram-form-section h3 { font-family: var(--tk-display); }
body.tk-skin .tekram-entertainer-application .tekram-form-intro {
    background: var(--tk-paper);
    border: 1px solid var(--tk-line);
    border-left: 4px solid var(--cm-pink);
    border-radius: var(--tk-r-s);
}
body.tk-skin .tekram-entertainer-application .tekram-form-intro p { color: var(--tk-ink-2); }
body.tk-skin .tekram-entertainer-application .tekram-form-section {
    background: var(--tk-paper);
    border: 1px solid var(--tk-line);
    border-radius: var(--tk-r-m);
    padding: 1.5rem;
    margin: 0 0 1.25rem;
}
body.tk-skin .tekram-entertainer-application .tekram-form-section:last-of-type { border-bottom: 1px solid var(--tk-line); padding-bottom: 1.5rem; }
body.tk-skin .tekram-entertainer-application label { color: var(--tk-bitumen); }
body.tk-skin .tekram-entertainer-application .required { color: var(--tk-signal); }
body.tk-skin .tekram-entertainer-application input,
body.tk-skin .tekram-entertainer-application select,
body.tk-skin .tekram-entertainer-application textarea {
    border: 1px solid #b9c3c7;
    border-radius: var(--tk-r-s);
    color: var(--tk-bitumen);
}
body.tk-skin .tekram-entertainer-application input:focus,
body.tk-skin .tekram-entertainer-application select:focus,
body.tk-skin .tekram-entertainer-application textarea:focus {
    outline: 2px solid var(--tk-signal);
    outline-offset: 1px;
    border-color: var(--tk-bitumen);
    box-shadow: none;
}
body.tk-skin .tekram-entertainer-application input[type="file"] { background: var(--tk-concrete); }
body.tk-skin .tekram-entertainer-application .tekram-btn-primary { padding: 0.8125rem 2rem; }
body.tk-skin .tekram-entertainer-application .tekram-btn-primary:active { transform: none; }

/* ---------- Dashboard hints ---------------------------------------------- */
body.tk-skin .vdh-hero {
    background-color: var(--tk-bitumen);
    background-image:
        linear-gradient(to right, rgba(255, 255, 255, 0.045) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
    background-size: var(--tk-bay) var(--tk-bay);
    text-align: left;
    padding: 8.5rem 0 4.5rem;
}
body.tk-skin .vdh-hero::before,
body.tk-skin .vdh-hero::after { display: none; }
body.tk-skin .vdh-hero-inner { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; text-align: left; }
body.tk-skin .vdh-hero h1 {
    color: #fff;
    font-size: clamp(2.5rem, 6vw, 4.25rem);
    font-stretch: 80%;
    font-weight: 760;
    line-height: 1.02;
    max-width: 16ch;
    text-align: left;
}
body.tk-skin .vdh-hero p { color: var(--tk-on-dark); max-width: 40rem; margin-left: 0; text-align: left; }
body.tk-skin .vdh-hero-buttons { justify-content: flex-start; }
body.tk-skin .vdh-eyebrow {
    display: block;
    background: none;
    border: 0;
    padding: 0;
    border-radius: 0;
    text-transform: none;
    letter-spacing: 0;
    font-size: 0.9375rem;
    color: var(--cm-aqua);
}

/* Jump bar: plain tabs on the concrete ground */
body.tk-skin .vdh-jump {
    background: var(--tk-concrete);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-bottom: 1px solid var(--tk-line);
}
body.tk-skin .vdh-jump a { border-radius: var(--tk-r-s); color: var(--tk-ink-2); }
body.tk-skin .vdh-jump a:hover,
body.tk-skin .vdh-jump a.is-active { background: var(--tk-bitumen); color: #fff; }

/* Sections */
body.tk-skin .vdh-section { background: var(--tk-concrete); }
body.tk-skin .vdh-section--alt { background: var(--tk-slab); }
body.tk-skin .vdh-section--feature { background: var(--tk-paper); border-top: 4px solid transparent; border-image: var(--cm-bunting) 1; border-image-slice: 4 0 0 0; }
body.tk-skin .vdh-section-head { text-align: left; margin-left: 0; }
body.tk-skin .vdh-section-head h2 {
    font-family: var(--tk-display);
    font-stretch: 88%;
    font-weight: 720;
    font-size: clamp(1.75rem, 3.6vw, 2.5rem);
    color: var(--tk-bitumen);
    text-align: left;
}
body.tk-skin .vdh-section-head p { color: var(--tk-ink-2); text-align: left; margin-left: 0; }
body.tk-skin .vdh-step-badge {
    background: none;
    border: 0;
    padding: 0;
    border-radius: 0;
    color: var(--tk-signal);
    text-transform: none;
    letter-spacing: 0;
    font-size: 0.9375rem;
    font-weight: 600;
}
body.tk-skin .vdh-prose { color: var(--tk-ink-2); }
body.tk-skin .vdh-tip {
    background: var(--tk-paper);
    border: 1px solid var(--tk-line);
    border-left: 4px solid var(--cm-aqua);
    border-radius: var(--tk-r-s);
}
body.tk-skin .vdh-tip i,
body.tk-skin .vdh-tip svg { color: var(--cm-slate); }
body.tk-skin .vdh-pill { text-transform: none; letter-spacing: 0; border-radius: 2px; }
body.tk-skin .vdh-pill--part { background: rgba(217, 44, 104, 0.1); color: var(--tk-signal-lo); }
body.tk-skin .vdh-shot-frame { border-radius: var(--tk-r-m); box-shadow: 0 18px 40px -24px rgba(22, 32, 42, 0.35); border: 1px solid var(--tk-line); }
body.tk-skin .vdh-faq-item { border-radius: var(--tk-r-s); box-shadow: none; }
body.tk-skin .vdh-faq-q { color: var(--tk-bitumen); }
body.tk-skin .vdh-faq-q i,
body.tk-skin .vdh-faq-q svg { color: var(--tk-signal); }
body.tk-skin .vdh-legend > li::before { background: var(--tk-bitumen); }

/* Closing band */
body.tk-skin .vdh-cta { background: var(--tk-concrete); }
body.tk-skin .vdh-cta-card {
    background-color: var(--tk-bitumen);
    background-image:
        linear-gradient(to right, rgba(255, 255, 255, 0.045) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
    background-size: var(--tk-bay) var(--tk-bay);
    border-radius: var(--tk-r-m);
    text-align: left;
}
body.tk-skin .vdh-cta-card::before { display: none; }
body.tk-skin .vdh-cta-inner { text-align: left; margin-left: 0; }
body.tk-skin .vdh-cta-card h2 { color: #fff; font-family: var(--tk-display); font-stretch: 86%; text-align: left; }
body.tk-skin .vdh-cta-card p { color: var(--tk-on-dark); text-align: left; margin-left: 0; }
body.tk-skin .vdh-cta-buttons { justify-content: flex-start; }
body.tk-skin .vdh-cta-buttons .btn-white,
body.tk-skin .vdh-cta-buttons .btn-ghost-light { border-radius: var(--tk-r-s); box-shadow: none; transform: none; }

/* The form wrapper itself carries no panel: each section is its own panel. */
body.tk-skin .tekram-application-form .tekram-form,
body.tk-skin .tekram-application-form form {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}
body.tk-skin .tekram-application-form textarea,
body.tk-skin .tekram-application-form input,
body.tk-skin .tekram-application-form select { font-family: 'Inter', system-ui, sans-serif; }

/* Fix: bold words inside a step's description were forced onto their own
   lines (they inherited the step title's display:block). */
body.tk-skin .vdh-legend span strong {
    display: inline;
    font-size: inherit;
    margin: 0;
    color: var(--tk-bitumen);
}
body.tk-skin .vdh-statuslist span strong {
    display: inline;
    font-size: inherit;
    margin: 0;
    color: var(--tk-bitumen);
}

/* ---------- Share this lineup (v3.6.2) ----------------------------------- */
/* Sits inside the dark market header: a concrete strip with square buttons. */
body.tk-skin .tkl-share {
    --tkl-deep: var(--tk-bitumen);
    --tkl-chip: var(--tk-paper);
    display: flex;
    width: 100%;
    max-width: 100%;
    margin: 1.5rem 0 0;
    padding: 0.625rem 0.625rem 0.625rem 1rem;
    border-radius: var(--tk-r-s);
    background: var(--tk-concrete);
    box-shadow: none;
    gap: 0.5rem 1rem;
}
body.tk-skin .tekram-market-header .tkl-share__label,
body.tk-skin .tkl-share .tkl-share__label {
    color: var(--tk-bitumen) !important;
    font-family: var(--tk-display);
    font-stretch: 92%;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0;
    margin-right: auto;
}
body.tk-skin .tkl-share .tkl-share__btn {
    border-radius: var(--tk-r-s);
    background: var(--tk-paper);
    border: 1px solid var(--tk-line);
    color: var(--tk-bitumen) !important;
    transform: none;
}
body.tk-skin .tkl-share .tkl-share__btn:hover,
body.tk-skin .tkl-share .tkl-share__btn[data-state="done"] {
    background: var(--tk-bitumen);
    border-color: var(--tk-bitumen);
    color: #fff !important;
}
body.tk-skin .tkl-share .tkl-share__btn:active { transform: none; }
body.tk-skin .tkl-share .tkl-share__story {
    border-radius: var(--tk-r-s);
    background: var(--mkt-grad-to, var(--cm-aqua));
    border: 1px solid transparent;
    color: var(--tk-bitumen) !important;
    font-weight: 600;
    min-height: 44px;
    padding: 0 1rem;
    box-shadow: none;
    transform: none;
}
body.tk-skin .tkl-share .tkl-share__story * { color: var(--tk-bitumen) !important; }
body.tk-skin .tkl-share .tkl-share__story:hover { background: var(--tk-bitumen); }
body.tk-skin .tkl-share .tkl-share__story:hover,
body.tk-skin .tkl-share .tkl-share__story:hover * { color: #fff !important; }
body.tk-skin .tkl-toast { border-radius: var(--tk-r-s); background: var(--tk-bitumen); color: #fff; }
@media (max-width: 640px) {
    body.tk-skin .tkl-share { padding: 0.75rem; }
    body.tk-skin .tekram-market-header .tkl-share__label,
    body.tk-skin .tkl-share .tkl-share__label { width: 100%; margin-right: 0; }
}
body.tk-skin .tkl-share .tkl-share__list { justify-content: flex-start; gap: 0.5rem; flex: 0 1 auto; }