/* ==========================================================================
   ORTOTO.LT - dizaino žetonai
   Šaltinis: ORTOTO Brand Book 2026
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. ŠRIFTAI
   Lunch Box Bold - komercinė licencija (Kimmy Design). Failas nekarpomas:
   EULA draudžia išvestinius kūrinius, tad subsetinimas negalimas.
   Ubuntu - atviro kodo, kraunamas iš Google Fonts su latin-ext poaibiu.

   Keliai ABSOLIUTŪS. Su reliatyviais LiteSpeed CSS Combine perkelia stilių
   į /wp-content/litespeed/css/ ir šriftai nebesurandami.
   -------------------------------------------------------------------------- */

@font-face {
  font-family: 'LunchBox';
  src: url('/wp-content/themes/ortoto-child/fonts/LunchBox-Bold.woff2') format('woff2'),
       url('/wp-content/themes/ortoto-child/fonts/LunchBox-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ubuntu';
  src: url('/wp-content/themes/ortoto-child/fonts/Ubuntu-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ubuntu';
  src: url('/wp-content/themes/ortoto-child/fonts/Ubuntu-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ubuntu';
  src: url('/wp-content/themes/ortoto-child/fonts/Ubuntu-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* --------------------------------------------------------------------------
   2. ŽETONAI
   -------------------------------------------------------------------------- */

:root {
  /* Spalvos - brandbook */
  --ortoto-ink:        #57464f;  /* tekstas, antraštės, tamsi bazė */
  --ortoto-teal:       #4f9aad;  /* pirminė prekės ženklo spalva */
  --ortoto-coral:      #e49681;  /* akcentas */
  --ortoto-yellow:     #f6b319;  /* CTA, dėmesys */
  --ortoto-cream:      #fff8e7;  /* fonas */
  --ortoto-neutral:    #e8e5e6;  /* rėmeliai, skirtukai */
  --ortoto-white:      #ffffff;

  /* Išvestinės - užvedimo būsenoms */
  --ortoto-teal-dark:    #3e7c8b;
  --ortoto-yellow-dark:  #dd9d0b;
  --ortoto-coral-dark:   #d17e66;
  --ortoto-ink-soft:     #6b5a63;

  /* Šriftai */
  --ortoto-font-display: 'LunchBox', 'Ubuntu', system-ui, sans-serif;
  --ortoto-font-body:    'Ubuntu', system-ui, -apple-system, sans-serif;

  /* Tipografijos skalė */
  --ortoto-h1:    clamp(2rem, 5vw, 3rem);        /* 32-48px */
  --ortoto-h2:    clamp(1.5rem, 3.5vw, 2.25rem); /* 24-36px */
  --ortoto-h3:    1.375rem;                       /* 22px */
  --ortoto-h4:    1.125rem;                       /* 18px */
  --ortoto-body:  1rem;                           /* 16px */
  --ortoto-small: 0.875rem;                       /* 14px */

  /* Tarpai - 4px bazė */
  --ortoto-space-1:  0.25rem;
  --ortoto-space-2:  0.5rem;
  --ortoto-space-3:  0.75rem;
  --ortoto-space-4:  1rem;
  --ortoto-space-6:  1.5rem;
  --ortoto-space-8:  2rem;
  --ortoto-space-12: 3rem;
  --ortoto-space-16: 4rem;

  /* Kraštai ir šešėliai */
  --ortoto-radius:    10px;
  --ortoto-radius-sm: 6px;
  --ortoto-shadow:    0 2px 12px rgba(87, 70, 79, 0.08);
}

/* --------------------------------------------------------------------------
   3. BLOCKSY PALETĖS PERRAŠYMAS
   Blocksy stiliai remiasi savo kintamaisiais. Be šito bloko mūsų žetonai
   liktų nepanaudoti. Reikšmes galima pasitikrinti Customizer > Colors.
   -------------------------------------------------------------------------- */

:root {
  --theme-palette-color-1: var(--ortoto-teal);
  --theme-palette-color-2: var(--ortoto-teal-dark);
  --theme-palette-color-3: var(--ortoto-ink);
  --theme-palette-color-4: var(--ortoto-ink-soft);
  --theme-palette-color-5: var(--ortoto-neutral);
  --theme-palette-color-6: var(--ortoto-cream);
  --theme-palette-color-7: var(--ortoto-white);
  --theme-palette-color-8: var(--ortoto-ink);

  --theme-text-color: var(--ortoto-ink);
  --theme-headings-color: var(--ortoto-ink);
  --theme-link-initial-color: var(--ortoto-teal);
  --theme-link-hover-color: var(--ortoto-teal-dark);
  --theme-border-color: var(--ortoto-neutral);
  --theme-content-spacing: var(--ortoto-space-6);
  --theme-border-radius: var(--ortoto-radius);
  --theme-font-family: var(--ortoto-font-body);
  --theme-font-weight: 400;
}

/* --------------------------------------------------------------------------
   4. TIPOGRAFIJA
   Lunch Box tik stambiam tekstui. Žemiau ~24px jo ranka pieštos formos
   pradeda griūti, tad ten perima Ubuntu Medium.
   -------------------------------------------------------------------------- */

body {
  font-family: var(--ortoto-font-body);
  font-size: var(--ortoto-body);
  line-height: 1.65;
  color: var(--ortoto-ink);
  background-color: var(--ortoto-white);
}

h1, h2, .ortoto-display {
  font-family: var(--ortoto-font-display);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: 0.01em;
  color: var(--ortoto-ink);
}

h1 { font-size: var(--ortoto-h1); }
h2 { font-size: var(--ortoto-h2); }

h3, h4, h5, h6 {
  font-family: var(--ortoto-font-body);
  font-weight: 500;
  line-height: 1.3;
  color: var(--ortoto-ink);
}

h3 { font-size: var(--ortoto-h3); }
h4 { font-size: var(--ortoto-h4); }

/* Mobilėje H2 nukrenta iki 24px - perjungiam į Ubuntu */
@media (max-width: 600px) {
  h2 {
    font-family: var(--ortoto-font-body);
    font-weight: 500;
    letter-spacing: 0;
  }
}

/* --------------------------------------------------------------------------
   5. MYGTUKAI
   CTA: geltonas fonas + tamsus tekstas = kontrastas 4.75 (WCAG AA).
   Baltas tekstas ant geltono duotų 1.85 ir neatitiktų reikalavimų.
   -------------------------------------------------------------------------- */

.wp-block-button__link,
.ct-button,
button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.wc-block-components-button {
  font-family: var(--ortoto-font-body);
  font-weight: 500;
  font-size: var(--ortoto-body);
  letter-spacing: 0.01em;
  border-radius: var(--ortoto-radius-sm);
  padding: var(--ortoto-space-3) var(--ortoto-space-6);
  border: none;
  transition: background-color 0.15s ease;
}

/* Pagrindinis CTA - "Į krepšelį", "Atsiskaityti" */
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce button.single_add_to_cart_button,
.wc-block-components-button:not(.is-link),
.ortoto-cta {
  background-color: var(--ortoto-yellow);
  color: var(--ortoto-ink);
}

.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.single_add_to_cart_button:hover,
.wc-block-components-button:not(.is-link):hover,
.ortoto-cta:hover {
  background-color: var(--ortoto-yellow-dark);
  color: var(--ortoto-ink);
}

/* Antrinis veiksmas */
.woocommerce a.button:not(.alt),
.woocommerce button.button:not(.alt) {
  background-color: var(--ortoto-teal);
  color: var(--ortoto-white);
}

.woocommerce a.button:not(.alt):hover,
.woocommerce button.button:not(.alt):hover {
  background-color: var(--ortoto-teal-dark);
  color: var(--ortoto-white);
}

/* --------------------------------------------------------------------------
   6. WOOCOMMERCE
   -------------------------------------------------------------------------- */

.woocommerce div.product .price,
.woocommerce ul.products li.product .price {
  font-family: var(--ortoto-font-body);
  font-weight: 500;
  color: var(--ortoto-ink);
}

.woocommerce div.product .product_title {
  font-family: var(--ortoto-font-display);
  font-weight: 700;
}

.woocommerce span.onsale {
  background-color: var(--ortoto-coral);
  color: var(--ortoto-white);
  font-family: var(--ortoto-font-body);
  font-weight: 500;
  border-radius: var(--ortoto-radius-sm);
}

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info {
  border-top-color: var(--ortoto-teal);
  background-color: var(--ortoto-cream);
}

.woocommerce .woocommerce-error {
  border-top-color: var(--ortoto-coral);
}

/* --------------------------------------------------------------------------
   7. PAGALBINĖS KLASĖS
   -------------------------------------------------------------------------- */

.ortoto-bg-cream { background-color: var(--ortoto-cream); }
.ortoto-bg-ink   { background-color: var(--ortoto-ink); color: var(--ortoto-white); }
.ortoto-text-teal  { color: var(--ortoto-teal); }
.ortoto-text-coral { color: var(--ortoto-coral); }

/* --------------------------------------------------------------------------
   8. PATAISOS
   -------------------------------------------------------------------------- */

/* CTA kataloge - ta pati geltona kaip produkto puslapyje */
.woocommerce ul.products li.product a.button,
.woocommerce a.add_to_cart_button,
.woocommerce a.product_type_variable,
.woocommerce a.product_type_simple {
  background-color: var(--ortoto-yellow);
  color: var(--ortoto-ink);
}

.woocommerce ul.products li.product a.button:hover,
.woocommerce a.add_to_cart_button:hover,
.woocommerce a.product_type_variable:hover,
.woocommerce a.product_type_simple:hover {
  background-color: var(--ortoto-yellow-dark);
  color: var(--ortoto-ink);
}

/* Kortelių pavadinimai - Ubuntu, ne Lunch Box */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.ct-woo-card-title,
.ct-woo-card-title a {
  font-family: var(--ortoto-font-body);
  font-weight: 500;
  font-size: var(--ortoto-h4);
  line-height: 1.35;
  letter-spacing: 0;
}
/* Rankinė prekės kortelė */
.oto-kortele-rankine a{ text-decoration:none; display:block; }
.oto-kortele-rankine__foto{
  background:#f2f2f2;
  border-radius:8px;
  overflow:hidden;
  margin-bottom:24px;
  aspect-ratio:3/4;
  display:flex;
  align-items:center;
  justify-content:center;
}
.oto-kortele-rankine__foto img{
  width:100%; height:100%;
  object-fit:contain;
  display:block;
}
.oto-kortele-rankine .button{
  margin-top:10px;
  display:inline-block;
  width:auto !important;
  align-self:flex-start;
}

@media (max-width:900px){
  .oto-kortele-rankine__foto{ border-radius:16px; }
}