/* Base wrapper for all custom layouts that should honor Advanced Settings */
.tcs-showcase,
.tcs-spotlight,
.tcs-modern {
  font-family: Inter, system-ui, -apple-system, Segoe UI, Arial, sans-serif;
}


/* Header ICONS */



.tcs-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;              /* bigger circle */
  height: 40px;             /* bigger circle */
  border-radius: 50%;       /* perfect circle */
  font-size: 18px;          /* adjust icon size */
  color: #000000;           /* default gray-700 */
  background: transparent;  /* no background by default */
  text-decoration: none;
  transition: all 0.5s ease;
}

.tcs-icon:hover {
 /* background: rgba(0, 0, 0, 0.1);   light grey circle */
  color: #000;                  /* darker text on hover */
border: 0px solid #000000;
font-size: 21px;
  transition: all 0.5s ease;

}



/* Header text colors driven by vendor settings */
.tcs-store-name { color: var(--tcs-header-title-color, #111827); }
.tcs-store-desc { color: var(--tcs-header-subtitle-color, #6b7280); }




/* Topbar (header + locations + icons on one line) */
.tcs-topbar { 
  background: var(--tcs-header-bg);
  padding: 10px 18px;
}
.tcs-topbar-inner {
  display: grid;
  grid-template-columns: auto 1fr auto; /* left = header, center = locations, right = icons */
  gap: 12px;
  align-items: center;
}

/* Header block (logo + name + desc) */
.tcs-header { display:flex; align-items:center; gap:12px; }
.tcs-avatar { width:48px; height:48px; border-radius:50%; object-fit:cover; }
.tcs-store-name { font-size:18px; font-weight:800; }
.tcs-store-desc { font-size:13px; color:#6b7280; }

/* Locations pills */
.tcs-pills.tcs-locations-pills {
  background: transparent; /* lets topbar color show through */
}
.tcs-pills ul { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:10px; }
.tcs-pills li { margin:0; }
.tcs-pills a, .tcs-pills span {
  display:block; padding:7px 11px; border-radius:999px; border:1px solid #e5e7eb;
  background: #fff;
  color:#111827; text-decoration:none; font-weight:600; font-size:14px;
}
.tcs-pills a:hover { background:#eef2ff; border-color:#c7d2fe; }

.tcs-pills {
 background: var(--tcs-pills-bg);

}

/* Right icons */
.tcs-topbar-actions { display:flex; align-items:center; gap:14px; }
.tcs-topbar-actions a { display:inline-flex; align-items:center; text-decoration:none; }
.tcs-topbar-actions svg { width:22px; height:22px; }

/* Grid wrapper */
.tcs-grid { background: var(--tcs-grid-bg); }

/* Product title + price controlled by variables */
.tcs-title {
  color: var(--tcs-pro-title-color);
  font-size: var(--tcs-pro-title-size);
  font-weight: var(--tcs-pro-title-weight);
}
.tcs-showcase .woocommerce-Price-amount.amount,
.tcs-spotlight .woocommerce-Price-amount.amount,
.tcs-modern .woocommerce-Price-amount.amount {
  color: var(--tcs-price-color);
  font-size: var(--tcs-price-size);
}



/* Swatches */
.tcs-swatches { display:flex; justify-content:center; flex-wrap:wrap; gap:6px; margin:8px 0 4px; }
.tcs-swatch { width:18px; height:18px; border-radius:50%; border:1px solid #d1d5db; display:inline-block; }

/* Pagination */
.woocommerce-pagination, .page-numbers { display:flex; gap:8px; justify-content:center; margin:22px 0 30px; padding:0 18px; }
.page-numbers li { list-style:none; }
.page-numbers a, .page-numbers span { padding:8px 12px; border:1px solid #e5e7eb; border-radius:50px; text-decoration:none; }

.page-numbers .current {
	background: #595959;
    color: #fff;
    border-color: #595959;
}

.page-numbers.dots {
    color: black !important;
    font-size: 22px!important;
    margin-bottom: 0px!important;
    margin-top: 25px;
    margin-left: -10px;
    border: none!important;
    margin-right: -10px;
}

/* Modern: round gallery overlay in the image box */


.tcs-thumb-overlay {
  position: absolute;
  left: 8px;
  bottom: 8px;
  width: 55px;
  height: 55px;
  border-radius: 999px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,.12);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: none; /* overlay is decorative; clicks go to the link */
}

.tcs-thumb-overlay img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


.tcs-imgwrap img {
background: #ffffff;
}

/* Color swatches */
.tcs-swatches{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:6px 0 4px;justify-content:center}
.tcs-swatch{width:16px;height:16px;border-radius:50%;border:1px solid #cbd5e1;overflow:hidden;display:inline-block}
.tcs-swatch img{width:100%;height:100%;object-fit:cover;display:block}



/*results cound */ 
.woocommerce .woocommerce-result-count {
    margin: 0 10px 1em;
}


@media (max-width: 640px) {
.woocommerce nav.woocommerce-pagination ul li {
margin: 0px!important;}
}