/* VAŠA TERASA Design System DS-1 */
:root{
  --vt-color-ink:#222222;
  --vt-color-ink-strong:#0d0f0e;
  --vt-color-olive:#6b7a44;
  --vt-color-olive-dark:#526033;
  --vt-color-wood:#8b5e34;
  --vt-color-surface:#ffffff;
  --vt-color-surface-soft:#f7f5f0;
  --vt-color-text-muted:#6f716d;
  --vt-color-border:#e6e3da;
  --vt-color-success:#2f7d45;
  --vt-color-warning:#a66a16;
  --vt-color-danger:#b33a3a;
  --vt-color-info:#356a91;

  --vt-font-family:Montserrat,Arial,sans-serif;
  --vt-font-size-xs:.75rem;
  --vt-font-size-sm:.875rem;
  --vt-font-size-md:1rem;
  --vt-font-size-lg:1.125rem;
  --vt-font-size-xl:1.5rem;
  --vt-font-size-2xl:clamp(2rem,4vw,4rem);

  --vt-space-1:8px;
  --vt-space-2:16px;
  --vt-space-3:24px;
  --vt-space-4:32px;
  --vt-space-5:48px;
  --vt-space-6:64px;
  --vt-space-7:96px;

  --vt-radius-sm:8px;
  --vt-radius-md:12px;
  --vt-radius-lg:18px;
  --vt-radius-pill:999px;
  --vt-shadow-sm:0 8px 24px rgba(8,12,10,.08);
  --vt-shadow-md:0 18px 55px rgba(8,12,10,.12);
  --vt-motion-fast:150ms;
  --vt-motion-base:220ms;

  /* spätná kompatibilita s existujúcou témou */
  --vt-anthracite:var(--vt-color-ink);
  --vt-black:var(--vt-color-ink-strong);
  --vt-olive:var(--vt-color-olive);
  --vt-olive-dark:var(--vt-color-olive-dark);
  --vt-wood:var(--vt-color-wood);
  --vt-cream:var(--vt-color-surface-soft);
  --vt-white:var(--vt-color-surface);
  --vt-muted:var(--vt-color-text-muted);
  --vt-border:var(--vt-color-border);
  --vt-shadow:var(--vt-shadow-md);
  --vt-radius:var(--vt-radius-lg);
}

/* Layout helpers */
.vt-ds-stack{display:flex;flex-direction:column;gap:var(--vt-space-3)}
.vt-ds-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--vt-space-2)}
.vt-ds-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--vt-space-3)}
.vt-ds-card{background:var(--vt-color-surface);border:1px solid var(--vt-color-border);border-radius:var(--vt-radius-md);box-shadow:var(--vt-shadow-sm);padding:var(--vt-space-3)}
.vt-ds-muted{color:var(--vt-color-text-muted)}

/* Buttons */
.vt-button,.vt-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border:1px solid transparent;border-radius:var(--vt-radius-sm);font-weight:700;font-size:var(--vt-font-size-xs);letter-spacing:.055em;text-transform:uppercase;cursor:pointer;transition:transform var(--vt-motion-base) ease,background-color var(--vt-motion-base) ease,color var(--vt-motion-base) ease,border-color var(--vt-motion-base) ease,box-shadow var(--vt-motion-base) ease}
.vt-button:hover,.vt-btn:hover{transform:translateY(-2px)}
.vt-button:focus-visible,.vt-btn:focus-visible{outline:3px solid rgba(107,122,68,.28);outline-offset:3px}
.vt-button--primary,.vt-btn--primary{background:var(--vt-color-olive);color:#fff}
.vt-button--primary:hover,.vt-btn--primary:hover{background:var(--vt-color-olive-dark)}
.vt-button--secondary{background:#fff;color:var(--vt-color-ink);border-color:var(--vt-color-border)}
.vt-button--secondary:hover{border-color:var(--vt-color-olive);color:var(--vt-color-olive-dark)}
.vt-button--ghost{background:transparent;color:inherit;border-color:currentColor}
.vt-button--danger{background:var(--vt-color-danger);color:#fff}
.vt-button[disabled],.vt-btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}

/* Badges */
.vt-badge{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:var(--vt-radius-pill);font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:#eef1e7;color:#3f4d31}
.vt-badge--new{background:#e8f3ea;color:#276438}
.vt-badge--sale{background:#fbe8e8;color:#9f2d2d}
.vt-badge--bestseller{background:#fff0d8;color:#8b5611}
.vt-badge--inquiry{background:#ececec;color:#333}
.vt-badge--config{background:#e7eef7;color:#315d88}

/* Form controls */
.vt-field{display:grid;gap:8px}
.vt-label{font-size:var(--vt-font-size-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.vt-input,.vt-select,.vt-textarea,.vt-form input,.vt-form select,.vt-form textarea{width:100%;min-height:48px;padding:13px 15px;border:1px solid var(--vt-color-border);border-radius:var(--vt-radius-sm);background:#fff;color:var(--vt-color-ink);transition:border-color var(--vt-motion-fast),box-shadow var(--vt-motion-fast)}
.vt-textarea,.vt-form textarea{min-height:130px;resize:vertical}
.vt-input:focus,.vt-select:focus,.vt-textarea:focus,.vt-form input:focus,.vt-form select:focus,.vt-form textarea:focus{outline:0;border-color:var(--vt-color-olive);box-shadow:0 0 0 3px rgba(107,122,68,.14)}

/* Notices */
.vt-alert{padding:14px 16px;border-radius:var(--vt-radius-sm);border:1px solid transparent;font-size:var(--vt-font-size-sm)}
.vt-alert--success{background:#edf7ef;border-color:#cfe7d4;color:#245d34}
.vt-alert--info{background:#eef5fa;border-color:#d0e0ec;color:#2b5f85}
.vt-alert--warning{background:#fff5e7;border-color:#f0d8af;color:#7d5213}
.vt-alert--danger{background:#fceded;border-color:#ebcaca;color:#8f2f2f}

/* Reusable content cards */
.vt-card{position:relative;background:#fff;border:1px solid var(--vt-color-border);border-radius:var(--vt-radius-md);overflow:hidden;box-shadow:var(--vt-shadow-sm);transition:transform var(--vt-motion-base),box-shadow var(--vt-motion-base)}
.vt-card:hover{transform:translateY(-3px);box-shadow:var(--vt-shadow-md)}
.vt-card__media{aspect-ratio:4/3;background:var(--vt-color-surface-soft);overflow:hidden}
.vt-card__media img{width:100%;height:100%;object-fit:cover}
.vt-card__body{padding:var(--vt-space-3)}
.vt-card__meta{font-size:var(--vt-font-size-xs);color:var(--vt-color-text-muted);text-transform:uppercase;letter-spacing:.06em}
.vt-card__title{font-size:var(--vt-font-size-xl);margin:8px 0 12px}

/* Product cards: normalize WooCommerce + custom cards */
.woocommerce ul.products li.product,.vt-shop-card{border-radius:var(--vt-radius-md);overflow:hidden;transition:transform var(--vt-motion-base),box-shadow var(--vt-motion-base)}
.woocommerce ul.products li.product:hover,.vt-shop-card:hover{transform:translateY(-3px);box-shadow:var(--vt-shadow-md)}
.woocommerce span.onsale{border-radius:var(--vt-radius-pill);background:var(--vt-color-danger);min-height:auto;line-height:1;padding:7px 10px;font-size:.68rem}

/* Accordion */
.vt-accordion details{border-top:1px solid var(--vt-color-border);padding:20px 0}
.vt-accordion details:last-child{border-bottom:1px solid var(--vt-color-border)}
.vt-accordion summary{cursor:pointer;font-weight:700;list-style:none;padding-right:32px;position:relative}
.vt-accordion summary::after{content:'+';position:absolute;right:4px;top:0}
.vt-accordion details[open] summary::after{content:'–'}

/* Trust strip */
.vt-trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--vt-space-2)}
.vt-trust-item{padding:var(--vt-space-3);border:1px solid var(--vt-color-border);border-radius:var(--vt-radius-md);background:#fff}
.vt-trust-item strong{display:block;margin-bottom:6px}
.vt-trust-item p{margin:0;color:var(--vt-color-text-muted);font-size:var(--vt-font-size-sm)}

@media(max-width:1024px){.vt-ds-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.vt-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.vt-ds-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--vt-space-2)}.vt-trust-grid{grid-template-columns:1fr}.vt-button,.vt-btn{min-height:50px}.vt-card__body{padding:var(--vt-space-2)}}
@media(prefers-reduced-motion:reduce){.vt-button,.vt-btn,.vt-card,.woocommerce ul.products li.product,.vt-shop-card{transition:none!important}.vt-button:hover,.vt-btn:hover,.vt-card:hover,.woocommerce ul.products li.product:hover,.vt-shop-card:hover{transform:none}}