/*
Theme Name: Yo and So Food (Child)
Template: storefront
Version: 1.0.0
Description: Thème enfant pour Storefront + gabarit boutique avec plusieurs catégories
Author: ChatGPT
*/

:root{
  --tropical-1:#ff7a00;
  --tropical-2:#00c2a8;
  --tropical-3:#ffd166;
  --tropical-4:#2d6a4f;
}

/* Petites retouches “tropicales & élégantes” */
.site-header, .storefront-primary-navigation{
  border-bottom: 3px solid var(--tropical-2);
}
button, .button, input[type="submit"], .wc-block-components-button{
  border-radius: 999px;
}
.yosf-cat-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 14px;
  margin: 0 0 28px 0;
}
.yosf-cat-card{
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  padding: 16px;
  text-decoration:none;
  box-shadow: 0 6px 22px rgba(0,0,0,.06);
  transition: transform .15s ease, box-shadow .15s ease;
}
.yosf-cat-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(0,0,0,.10);
}
.yosf-cat-title{
  margin: 0 0 6px 0;
  font-weight: 700;
}
.yosf-badge{
  display:inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  background: rgba(0,194,168,.12);
  color: #0b5b51;
}
.yosf-section-title{
  margin: 34px 0 10px 0;
  padding-top: 10px;
  border-top: 2px dashed rgba(0,0,0,.12);
}