/**
 * Shiner — Overrides para plugins y ajustes globales
 * Cargado con prioridad máxima (999) después de todos los plugins.
 */

/* ══════════════════════════════════════════════
   1. CLASES ELIMINADAS (ocultadas sin efectos secundarios)
   ══════════════════════════════════════════════ */

/* Header del plugin Classified Listing */
.rtcl-listing-header {
  display: none !important;
}

/* Logo footer — forzar visibilidad en la página de miembros (rtcl) */
body.post-type-archive-rtcl_listing .footer-logo-img,
body.rtcl-page .footer-logo-img,
.rtcl-page #colophon .footer-logo-img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: 200px !important;
  height: auto !important;
}

/* ══════════════════════════════════════════════
   2. FONDO — igualar al resto del tema
   Solo el selector específico del archivo
   ══════════════════════════════════════════════ */
body.post-type-archive-rtcl_listing {
  background-color: var(--sh-50) !important;
}

.content-area.rtcl-order-2,
.rtcl-primary,
.rtcl-content-area,
#page.rtcl-page {
  background-color: var(--sh-50) !important;
}

/* Sidebar filtros */
.rtcl-sidebar,
.rtcl-filter-sidebar {
  background: #fff !important;
  border: 0.5px solid var(--sh-100) !important;
  border-radius: 4px !important;
}

.rtcl-filter-sidebar .widget-title,
.rtcl-widget-title,
.rtcl-sidebar .widget-title {
  background: var(--sh-900) !important;
  color: #fff !important;
  font-family: var(--font-body) !important;
  font-size: 12px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  border-radius: 2px !important;
}

/* Botones plugin */
.rtcl .btn-primary,
.rtcl button[type="submit"],
.rtcl .rtcl-btn-primary,
.rtcl-search-form .rtcl-btn {
  background: var(--sh-gold) !important;
  border-color: var(--sh-gold) !important;
  font-family: var(--font-body) !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  border-radius: 2px !important;
}
.rtcl .btn-primary:hover,
.rtcl button[type="submit"]:hover {
  background: var(--sh-gold-light) !important;
  border-color: var(--sh-gold-light) !important;
}

/* Inputs plugin */
.rtcl input[type="text"],
.rtcl input[type="search"],
.rtcl select,
.rtcl textarea {
  border: 0.5px solid var(--sh-100) !important;
  border-radius: 2px !important;
  font-family: var(--font-body) !important;
  background: #fff !important;
}
.rtcl input[type="text"]:focus,
.rtcl input[type="search"]:focus,
.rtcl select:focus {
  border-color: var(--sh-gold) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(184,154,106,0.15) !important;
}

/* Listing cards */
.rtcl-listing-card,
.rtcl-listing-item,
.classified-listing {
  border: 0.5px solid var(--sh-100) !important;
  border-radius: 4px !important;
  background: #fff !important;
  transition: box-shadow 0.2s, transform 0.2s !important;
}
.rtcl-listing-card:hover,
.rtcl-listing-item:hover {
  box-shadow: 0 4px 24px rgba(0,0,0,0.07) !important;
  transform: translateY(-2px) !important;
}

/* ══════════════════════════════════════════════
   3. NAVBAR — más alta y texto más grande
   ══════════════════════════════════════════════ */

/* Botón "Únete" en el nav */
.nav-cta-btn {
  margin-left: 24px;
  padding: 10px 28px !important;
  font-size: 12px !important;
  letter-spacing: 0.18em !important;
  white-space: nowrap;
  flex-shrink: 0;
}

/* En móvil se oculta (el menú hamburguesa ya tiene el enlace) */
@media (max-width: 768px) {
  .nav-cta-btn { display: none !important; }
}


#site-header .nav-inner {
  height: 96px !important;
}

.site-logo .logo-name,
.nav-logo .logo-name {
  font-size: 34px !important;
}
.site-logo .logo-tag,
.nav-logo .logo-tag {
  font-size: 9px !important;
  letter-spacing: 0.24em !important;
}

#site-navigation ul li a {
  font-size: 13px !important;
  letter-spacing: 0.16em !important;
}

#site-navigation ul li.menu-item-cta a {
  padding: 10px 24px !important;
  font-size: 13px !important;
}

/* ══════════════════════════════════════════════
   4. TIPOGRAFÍA MÁS GRANDE
   ══════════════════════════════════════════════ */
body {
  font-size: 24px !important;
}

p,
.about-body p,
.service-desc,
.step-desc,
.hero-subtitle,
.footer-brand p {
  font-size: 24px !important;
  line-height: 1.9 !important;
}

@media (max-width: 768px) {
  body { font-size: 17px !important; }
  p, .about-body p, .service-desc, .step-desc, .hero-subtitle, .footer-brand p {
    font-size: 17px !important;
  }
}

.section-tag,
.hero-eyebrow {
  font-size: 13px !important;
}

.event-tag,
.footer-col h4 {
  font-size: 11px !important;
}

.service-num {
  font-size: 12px !important;
}

.section-title {
  font-size: clamp(42px, 5.5vw, 64px) !important;
}

.hero-title-main {
  font-size: clamp(64px, 10vw, 134px) !important;
}

.hero-subtitle {
  font-size: 17px !important;
}

.service-title {
  font-size: 30px !important;
}
.service-desc {
  font-size: 15px !important;
}
.service-link {
  font-size: 12px !important;
}

.stat-num {
  font-size: 38px !important;
}
.stat-label {
  font-size: 11px !important;
}

.event-name {
  font-size: 18px !important;
}
.event-day {
  font-size: 42px !important;
}
.event-month,
.event-location {
  font-size: 13px !important;
}

.step-num {
  font-size: 70px !important;
}
.step-title {
  font-size: 14px !important;
  letter-spacing: 0.16em !important;
}
.step-desc {
  font-size: 15px !important;
}

.about-quote {
  font-size: 24px !important;
}

.accent-number {
  font-size: 58px !important;
}
.accent-label {
  font-size: 10px !important;
}

.footer-col ul li a {
  font-size: 14px !important;
}
.footer-brand p {
  font-size: 14px !important;
}

.footer-logo-img {
  display: block;
  max-width: 200px;
  width: 100%;
  height: auto;
  margin-bottom: 16px;
}
.footer-brand .brand-name {
  font-size: 32px !important;
}
.footer-bottom p {
  font-size: 13px !important;
}

.btn-primary,
.btn-outline {
  font-size: 13px !important;
  padding: 18px 40px !important;
}
.btn-secondary {
  font-size: 13px !important;
}

.cta-inner p {
  font-size: 17px !important;
}

/* ══════════════════════════════════════════════
   5. BREADCRUMBS del plugin
   ══════════════════════════════════════════════ */
.rtcl-breadcrumb,
.rtcl-page .breadcrumb {
  font-size: 13px !important;
  color: var(--sh-400) !important;
  letter-spacing: 0.06em !important;
  margin-bottom: 16px !important;
}
.rtcl-breadcrumb a,
.rtcl-page .breadcrumb a {
  color: var(--sh-600) !important;
}
.rtcl-breadcrumb a:hover {
  color: var(--sh-gold) !important;
}

/* ══════════════════════════════════════════════
   6. PÁGINA MIEMBROS — padding top con navbar de 96px
   ══════════════════════════════════════════════ */
body.post-type-archive-rtcl_listing #page {
  padding-top: 96px;
}
body.post-type-archive-rtcl_listing .rtcl-content-area,
body.post-type-archive-rtcl_listing .site-main {
  padding-top: 40px;
}

/* ══════════════════════════════════════════════
   7. PÁGINA EVENTOS — nuestra plantilla usa las
   mismas clases que la home, nada más que añadir.
   Ocultar los widgets del plugin por si aparecen.
   ══════════════════════════════════════════════ */
body.post-type-archive-tribe_events .tribe-events,
body.tribe-events-page-template .tribe-events {
  display: none !important;
}

/* La plantilla archive-tribe_events.php ya carga
   los estilos de .events-list, .event-item, etc.
   del style.css del tema — idéntico a la home. */