/*
Theme Name:   PoolShop Algarve (Astra Child)
Theme URI:    https://poolshopalgarve.pt
Description:  Child theme do Astra para a PoolShop Algarve. Mantém a identidade visual do site antigo (paleta amarelo/azul, Open Sans) com a estrutura moderna do Astra. Inclui font-display:swap e overrides de WooCommerce.
Author:       Algarit
Template:     astra
Version:      1.0.0
Text Domain:  astra-child-poolshop
*/

/* ===== Identidade visual herdada do tema pool-services ===== */
:root {
  --psa-yellow: #f7bd00;     /* primary brand */
  --psa-blue:   #005395;     /* secondary brand */
  --psa-dark:   #242424;     /* texto principal */
  --psa-grey:   #797979;     /* texto secundário */
  --psa-white:  #ffffff;
}

/* ===== Font Open Sans com font-display: swap (CWV-friendly) ===== */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url('https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVI.woff2') format('woff2');
}

body, button, input, select, textarea {
  font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ===== Botões/links primários WooCommerce ===== */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce .button.alt {
  background-color: var(--psa-yellow);
  color: var(--psa-dark);
  border: 0;
  border-radius: 4px;
  font-weight: 700;
  transition: background-color .15s ease;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit:hover, .woocommerce .button.alt:hover {
  background-color: var(--psa-blue);
  color: var(--psa-white);
}

/* ===== Preço com destaque ===== */
.woocommerce ul.products li.product .price, .woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--psa-blue);
  font-weight: 700;
}

/* ===== Header — bar amarelinha em cima opcional ===== */
.ast-header-break-point .main-header-menu, .main-header-bar .main-header-bar-navigation .main-header-menu > .menu-item > a:hover,
.main-header-menu a:hover {
  color: var(--psa-blue);
}

/* ===== Footer (contactos preservados) ===== */
.site-footer .widget h3 {
  color: var(--psa-yellow);
  border-bottom: 2px solid var(--psa-yellow);
  padding-bottom: .5rem;
  margin-bottom: 1rem;
}

/* ===== Imagens dos produtos com cantos suavizados ===== */
.woocommerce ul.products li.product img, .woocommerce div.product div.images img {
  border-radius: 6px;
}

/* ===== Card de produto com hover subtle ===== */
.woocommerce ul.products li.product {
  transition: transform .2s ease, box-shadow .2s ease;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
}