/*
Theme Name: logotee
Theme URI: https://logotee.sk
Description: logotee — firemné tričká s logom (B2B) child theme (Twenty Twenty-Five). Cream/serif elegancia — Fraunces + Manrope, karamel #C4956C / cream #FAF8F3 / navy ink #1C2A3A.
Author: Linda (AI) pre LAMPADA LIGHTING a.s.
Template: twentytwentyfive
Version: 0.1.1
Requires at least: 6.6
Tested up to: 7.0
Text Domain: logotee
*/

/* --- Drobné doladenia nad rámec theme.json --- */

/* Wordmark "logotee." — serif, karamelová bodka (použi <span class="tk-wordmark">logotee<span class="tk-drop">.</span></span>) */
.tk-wordmark { font-family: 'Fraunces', Georgia, serif; font-weight: 500; letter-spacing: -0.02em; line-height: .95; }
.tk-drop     { color: var(--wp--preset--color--coral); }

/* Jemné podčiarknutie (sand ťah pod slovom) */
.tk-mark {
  background-image: linear-gradient(transparent 62%, var(--wp--preset--color--yellow) 62%);
  background-repeat: no-repeat;
  padding: 0 .08em;
}

/* CTA: karamel + biely text, hover deep karamel */
.wp-block-button__link {
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  letter-spacing: .01em;
}
.wp-block-button.is-style-fill .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--coral-deep) !important;
  color: #fff !important;
}

h1, .tk-hero { text-wrap: balance; }

/* --- Zaseknutá (sticky) hlavička --- */
header.wp-block-group {
  position: sticky;
  top: 0;
  z-index: 100;
}
body.admin-bar header.wp-block-group { top: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar header.wp-block-group { top: 46px; }
}

/* --- Odkaz na košík v hlavičke --- */
.tk-cart-link {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  font-size: 1rem;
  color: #1C2A3A;
  text-decoration: none;
  white-space: nowrap;
}
.tk-cart-link:hover { color: var(--wp--preset--color--coral); }

/* --- Wordmark logo v hlavičke --- */
.tk-logo {
  display: inline-flex;
  align-items: baseline;
  font-family: 'Fraunces', Georgia, serif;
  font-weight: 500;
  font-size: 1.75rem;
  letter-spacing: -0.02em;
  color: #1C2A3A;
  text-decoration: none;
  line-height: 1;
}
.tk-logo .tk-drop { color: var(--wp--preset--color--coral); }
.tk-logo:hover { color: #1C2A3A; }
@media screen and (max-width: 600px) {
  .tk-logo { font-size: 1.4rem; }
}

/* --- B2B dopytový formulár (shortcode [logotee_b2b_form]) --- */
.lt-b2b-form { max-width: 640px; }
.lt-b2b-form label { display: block; font-weight: 600; margin: 1rem 0 .3rem; }
.lt-b2b-form input, .lt-b2b-form textarea, .lt-b2b-form select {
  width: 100%;
  padding: .7rem .9rem;
  border: 1px solid var(--wp--preset--color--paper-soft);
  border-radius: 8px;
  background: #fff;
  font-family: 'Manrope', sans-serif;
  font-size: 1rem;
  color: var(--wp--preset--color--ink);
  box-sizing: border-box;
}
.lt-b2b-form input:focus, .lt-b2b-form textarea:focus {
  outline: 2px solid var(--wp--preset--color--coral);
  border-color: var(--wp--preset--color--coral);
}
.lt-b2b-form button {
  margin-top: 1.4rem;
  background: var(--wp--preset--color--coral);
  color: #fff;
  border: 0;
  border-radius: 8px;
  padding: .85rem 2rem;
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  font-size: 1.05rem;
  cursor: pointer;
}
.lt-b2b-form button:hover { background: var(--wp--preset--color--coral-deep); }
.lt-b2b-ok {
  background: #eaf6ef;
  border-left: 4px solid var(--wp--preset--color--mint-deep);
  padding: 1rem 1.2rem;
  border-radius: 6px;
}
.lt-b2b-err {
  background: #fbeeea;
  border-left: 4px solid #b3401f;
  padding: 1rem 1.2rem;
  border-radius: 6px;
}

/* mark bez defaultneho zlteho pozadia (hero zvyraznenie farbou textu) */
mark { background: transparent; color: inherit; }
mark.has-inline-color { background: transparent; }
