/* =========================================================
 TT5 OnePage Shop – professional & reusable (full)
 ========================================================= */

/* Smooth scroll & anchor offset */
html { scroll-behavior: smooth; }
:root { --header-offset: 96px; }
[id] { scroll-margin-top: var(--header-offset, 96px); }

/* Hide automatic Post Title blocks */
.wp-block-post-title { display: none !important; }

/* Reusable containers */
.container,
.content-box { max-width: 1240px; margin: 0 auto; padding-inline: 16px; }

/* ========== HEADER / NAV ========== */
.site-header {
  position: sticky; top: 0; z-index: 1000;
  background: #fff; border-bottom: 1px solid #eaeaea;
}
.tkcar-nav { display: flex; align-items: center; }
.tkcar-nav__list { display: flex; gap: 18px; list-style: none; margin: 0; padding: 0; }
.tkcar-nav__item a { text-decoration: none; color: inherit; }
.tkcar-nav__item a:hover { text-decoration: underline; }

/* ========== HERO / SLIDER ========== */
/* Remove old cover spacing; keep hero tight under header */
.site-header + .section-hero.alignfull { margin-top: 0 !important; }

.section-hero { padding-top: 12px; padding-bottom: 48px; }

/* TT5OPS slider host: let it breathe and align with 1240px content-box */
.section-hero .tt5ops-slider { width: 100%; display: grid; grid-template-columns: auto 1fr auto; gap: 12px; }
.section-hero .tt5ops-track { overflow-x: auto; scroll-behavior: smooth; display: flex; gap: 12px; }
.section-hero .tt5ops-item {
  display: grid; grid-template-rows: 180px auto; gap: 8px;
  min-width: 320px; text-decoration: none; color: inherit;
  border: 1px solid #eee; border-radius: 8px; padding: 10px; background: #fff;
}
.section-hero .tt5ops-item .tt5ops-img {
  display: block; width: 100%; height: 180px; background-size: cover; background-position: center;
  border-radius: 6px; background-color: #fafafa;
}
.section-hero .tt5ops-title { font-size: 16px; line-height: 1.3; }
.section-hero .tt5ops-price { margin-top: 2px; color: #475569; font-size: 14px; }

/* Prev/Next buttons */
.section-hero .tt5ops-prev,
.section-hero .tt5ops-next {
  appearance: none; border: 1px solid #e5e7eb; background: #fff; border-radius: 8px;
  font-size: 22px; width: 36px; height: 36px; cursor: pointer; align-self: center;
}
.section-hero .tt5ops-prev[disabled],
.section-hero .tt5ops-next[disabled] { opacity: .5; cursor: default; }

/* CTA buttons under the slider */
.hero-buttons { margin-top: 16px; }

/* ========== GENERIC SECTIONS ========== */
.section { padding: 48px 16px; }
.section h2 { margin: 0 0 12px; font-size: 28px; line-height: 1.2; }
.section p.lead { color: #475569; margin: 0 0 18px; }

/* ========== PRODUCT CARDS (grid) ========== */
.tkcar-card { transition: transform .15s ease, box-shadow .15s ease; }
.tkcar-card:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(0,0,0,.08); }

/* CTA: smaller than title + neutral styling */
.tkcar-cta {
  display: inline-block;
  font-size: 13px !important; /* smaller than 16px title */
  line-height: 1.2 !important;
  padding: 6px 10px !important;
  color: inherit !important; /* non-blue */
  text-decoration: underline !important;
  background: transparent !important;
  border: 0 !important;
}

/* ========== GRID (PRODUCTS) ========== */
/* Container – 4/2/1 columns; width 1240px */
.tkcar-grid { display: grid; gap: 16px; max-width: 1240px; margin-inline: auto; }
.tkcar-grid[data-cols="4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 900px) { .tkcar-grid[data-cols="4"] { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* tablet */
@media (max-width: 520px){ .tkcar-grid[data-cols="4"] { grid-template-columns: repeat(1, minmax(0, 1fr)); } } /* phone */

/* Image area with fixed ratio; show full image (no crop) */
.tkcar-grid .thumb { aspect-ratio: 4/3; background:#fafafa; margin-bottom:8px; overflow:hidden; }
.tkcar-grid .wp-post-image { width:100% !important; height:100% !important; object-fit:contain !important; display:block; }

/* ========== FOOTER ========== */
.site-footer { border-top: 1px solid #eaeaea; }
.footer-inner { max-width: 1240px; margin: 0 auto; padding-inline: 16px; }
.footer-cols { display:grid; grid-template-columns: 1fr 1fr 1fr; gap:24px; }
@media (max-width: 900px){ .footer-cols { grid-template-columns: 1fr; gap: 12px; } }
.footer-cols h4 { margin:0 0 10px; font-size:16px; }
.footer-cols ul { list-style: none; margin: 0; padding: 0; }
.footer-cols li { margin: 6px 0; }

/* Footer links: not blue; use text color */
.site-footer a,
.footer-cols a { color: #0f172a !important; text-decoration: none; }
.site-footer a:hover,
.footer-cols a:hover { text-decoration: underline; }
.footer-center { text-align:center; padding:24px 16px; color:#475569; }