/* ESTYLUS V3.8 — Loja compacta + identidade */

/* Cabeçalho da loja */
body.post-type-archive-product .hero-section,
body.tax-product_cat .hero-section,
body.tax-product_tag .hero-section {
  padding: 20px 16px !important;
  min-height: 0 !important;
}

body.post-type-archive-product .hero-section .ct-container,
body.tax-product_cat .hero-section .ct-container,
body.tax-product_tag .hero-section .ct-container {
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.post-type-archive-product .hero-section .page-title,
body.tax-product_cat .hero-section .page-title,
body.tax-product_tag .hero-section .page-title {
  font-size: clamp(30px, 3vw, 42px) !important;
  line-height: 1.1 !important;
  margin: 0 !important;
}

/* Menos espaço até aos produtos */
body.post-type-archive-product .site-main,
body.tax-product_cat .site-main,
body.tax-product_tag .site-main {
  padding-top: 14px !important;
}

.est36-shop-intro {
  margin-bottom: 12px !important;
  padding-bottom: 12px !important;
}

.est36-eyebrow {
  margin-bottom: 5px !important;
}

.est36-shop-intro p {
  max-width: 760px !important;
  line-height: 1.5 !important;
  font-size: 13px !important;
}

/* Identidade ESTYLUS */
.est38-logo {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  color: #172b40 !important;
  white-space: nowrap;
  line-height: 1;
}

.est38-logo-main {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 27px;
  font-weight: 800;
  letter-spacing: 0.035em;
  line-height: 1;
}

.est38-logo-sub {
  display: block;
  margin-top: 4px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.31em;
  line-height: 1;
  padding-left: 0.31em;
}

/* O logótipo ocupa o espaço do título original */
.ct-header .site-title.est38-original-hidden {
  display: none !important;
}

.ct-header .est38-logo {
  transition: opacity .2s ease;
}

.ct-header .est38-logo:hover {
  opacity: .75;
}

/* Mobile */
@media (max-width: 767px) {
  body.post-type-archive-product .hero-section,
  body.tax-product_cat .hero-section,
  body.tax-product_tag .hero-section {
    padding: 16px 12px !important;
  }

  .est38-logo-main {
    font-size: 21px;
  }

  .est38-logo-sub {
    font-size: 7px;
  }

  .est36-shop-intro {
    margin-bottom: 10px !important;
  }
}