/*
Theme Name: Tu CompraExpress
Theme URI: https://tucompraexpress.test
Author: Tu CompraExpress
Author URI: https://tucompraexpress.test
Description: Tema de presentación para Tu CompraExpress — relojería al detalle y al por mayor. Solo presentación (HTML/CSS/JS); la lógica de negocio vive en los plugins ce-slider y ce-custom-checkout. Compatible con WooCommerce (HPOS) y los bloques modernos.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 7.0
Requires PHP: 8.0
WC requires at least: 8.0
WC tested up to: 10.9.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tu-compraexpress
Tags: woocommerce, e-commerce, custom-colors, custom-menu, featured-images, translation-ready
*/

*,
*::before,
*::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #374151;
  background: #ffffff;
}

img { max-width: 100%; height: auto; }

a { color: inherit; }

body.admin-bar .ce-topbar { scroll-margin-top: 32px; }

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  word-wrap: normal !important;
}

.ce-skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 100000;
  padding: 10px 16px;
  background: #111827;
  color: #fff;
  border-radius: 0 0 8px 0;
  text-decoration: none;
}
.ce-skip-link:focus { left: 0; }

.ce-basic { max-width: 920px; margin: 0 auto; padding: 48px 20px 64px; }
.ce-basic__inner { color: var(--ce-text, #374151); line-height: 1.7; }
.ce-entry { margin-bottom: 32px; }
.ce-entry__title { color: var(--ce-ink, #111827); }
.ce-entry__content a { color: var(--ce-primary, #F97316); }

.ce-pagination { display: flex; gap: 8px; justify-content: center; margin: 28px 0 4px; flex-wrap: wrap; }
.ce-pagination .page-numbers {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 38px; height: 38px; padding: 0 12px;
  border: 1px solid var(--ce-line-2, #E5E7EB); border-radius: 10px;
  color: var(--ce-text, #374151); text-decoration: none; font-weight: 600; font-size: 14px;
  background: #fff; cursor: pointer; transition: all .15s ease;
}
.ce-pagination .page-numbers.current,
.ce-pagination .page-numbers:hover { background: var(--ce-primary, #F97316); border-color: var(--ce-primary, #F97316); color: #fff; }
.ce-pagination .page-numbers.dots { border: 0; background: transparent; }

.ce-results__grid.is-loading { opacity: .45; pointer-events: none; transition: opacity .15s ease; }