/*
Theme Name:   TIQI (Child of _s)
Theme URI:    https://tiqi.uk/
Description:  Child theme for TIQI, built on _s, styled with Bootstrap 5.
Author:       Steve Harvey
Author URI:   https://sjharvey.com/
Template:     tiqi
Version:      1.0.0
Text Domain:  tiqi
*/

/* Parent theme folder confirmed as "tiqi" — Template line above matches. */

/* ---------------------------------------------------------------------
   Brand variables — extracted directly from the TIQI logo (TIQI-Logo.png)
   Dark red panel:   #AA0000
   Bright red panel: #FF0000
   --------------------------------------------------------------------- */
:root {
  --tiqi-primary:      #aa0000;   /* dark red — logo left panel, header/footer */
  --tiqi-accent:       #ff0000;   /* bright red — logo right panel, CTAs/hover/links */
  --tiqi-accent-hover: #cc0000;   /* mid-tone for hover states, sits between the two */
  --tiqi-bg:           #ffffff;
  --tiqi-text:         #222222;
  --bs-primary:        var(--tiqi-primary);
}

body {
  color: var(--tiqi-text);
  background-color: var(--tiqi-bg);
}

/* Reset a few _s defaults that fight with Bootstrap's grid/box model */
.site-content,
.site-main {
  max-width: none;
  padding: 0;
}

a {
  color: var(--tiqi-primary);
}
a:hover,
a:focus {
  color: var(--tiqi-accent);
}

/* ---------------------------------------------------------------------
   Header / nav
   --------------------------------------------------------------------- */
.tiqi-navbar {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
.tiqi-navbar .navbar-brand img {
  max-height: 48px;
  width: auto;
}

/* ---------------------------------------------------------------------
   Hero section (home page)
   --------------------------------------------------------------------- */
.tiqi-hero {
  position: relative;
  background-color: var(--tiqi-primary);
  color: #fff;
  overflow: hidden;
}
.tiqi-hero img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.tiqi-hero .tiqi-hero-caption {
  background: rgba(0, 0, 0, 0.55);
  padding: 1.5rem;
}

/* ---------------------------------------------------------------------
   Product / category cards
   --------------------------------------------------------------------- */
.tiqi-card {
  border: 1px solid #eee;
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.tiqi-card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}
.tiqi-card img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  width: 100%;
}

/* ---------------------------------------------------------------------
   eBay preview section
   --------------------------------------------------------------------- */
.tiqi-ebay-badge {
  background: #e53238; /* eBay red */
  color: #fff;
  font-size: 0.75rem;
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
}

/* ---------------------------------------------------------------------
   Footer
   --------------------------------------------------------------------- */
.site-footer {
  background-color: var(--tiqi-primary);
  color: #ddd;
}
.site-footer a {
  color: #fff;
}