/*
Theme Name: Voa Catarina — Brechó Solidário
Theme URI: https://voacatarina.com.br
Description: Child theme do Storefront para o Voa Catarina — Brechó Solidário.
Author: Voa Catarina
Template: storefront
Version: 0.3.0
Text Domain: voa-catarina
*/

/* =========================================================
   Design system
   ========================================================= */

:root {
	--catarina-yellow: #f9de38;
	--catarina-yellow-soft: #fff2a8;
	--catarina-pink: #d92f7d;
	--catarina-pink-dark: #bd2369;
	--catarina-pink-soft: #f39abb;
	--catarina-brown: #75451f;
	--catarina-chocolate: #4f3025;
	--catarina-cream: #fff9ed;
	--catarina-white: #ffffff;
	--catarina-line: #eadfce;
	--catarina-muted: #7d6d62;
	--catarina-radius-sm: 10px;
	--catarina-radius-md: 18px;
	--catarina-radius-lg: 28px;
	--catarina-shadow: 0 12px 30px rgba(79, 48, 37, 0.09);
}

html {
	scroll-behavior: smooth;
}

body {
	background: var(--catarina-cream);
	color: var(--catarina-chocolate);
	font-family: "Avenir Next", Avenir, "Segoe UI", Arial, sans-serif;
	line-height: 1.65;
}

a {
	color: var(--catarina-pink);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.16em;
}

a:hover,
a:focus {
	color: var(--catarina-brown);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--catarina-brown);
	font-weight: 850;
	letter-spacing: -0.025em;
}

::selection {
	background: var(--catarina-yellow);
	color: var(--catarina-chocolate);
}

/* =========================================================
   Top bar
   ========================================================= */

.voa-topbar {
	background: var(--catarina-pink);
	color: var(--catarina-white);
	font-size: 0.88rem;
	font-weight: 750;
	letter-spacing: 0.01em;
}

.voa-topbar__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2rem;
	min-height: 48px;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	text-align: center;
}

.voa-topbar a {
	color: var(--catarina-white);
	font-weight: 850;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}

.voa-topbar a:hover,
.voa-topbar a:focus {
	color: var(--catarina-yellow-soft);
}

.voa-topbar__heart {
	color: var(--catarina-yellow);
}

/* =========================================================
   Header / branding
   ========================================================= */

.site-header {
	background: var(--catarina-white) !important;
	border-bottom: 1px solid var(--catarina-line);
	box-shadow: 0 5px 22px rgba(79, 48, 37, 0.04);
	margin-bottom: 0 !important;
	padding-top: 1.55rem;
}

.site-header .col-full {
	max-width: 1180px;
}

.site-branding.voa-branding {
	float: left;
	margin-bottom: 1.25rem;
	width: 48%;
}

.voa-branding__link {
	display: inline-flex;
	flex-direction: column;
	text-decoration: none;
}

.voa-branding__name {
	color: var(--catarina-brown);
	font-size: clamp(1.75rem, 3vw, 2.45rem);
	font-weight: 900;
	letter-spacing: -0.055em;
	line-height: 1;
}

.voa-branding__subtitle {
	color: var(--catarina-pink);
	font-size: 0.78rem;
	font-weight: 900;
	letter-spacing: 0.19em;
	margin-top: 0.5rem;
	text-transform: uppercase;
}

.voa-branding__link:hover .voa-branding__name,
.voa-branding__link:focus .voa-branding__name {
	color: var(--catarina-pink);
}

.site-header .site-search {
	float: right;
	margin-bottom: 1.25rem;
	width: min(360px, 38%);
}

.site-search .widget_product_search form {
	margin: 0;
}

.site-search .widget_product_search form input[type="search"] {
	background: var(--catarina-cream);
	border: 1px solid var(--catarina-line);
	border-radius: 999px;
	box-shadow: none;
	color: var(--catarina-chocolate);
	font-size: 0.95rem;
	height: 48px;
	padding-left: 2.8rem;
	padding-right: 1.2rem;
}

.site-search .widget_product_search form input[type="search"]:focus {
	background: var(--catarina-white);
	border-color: var(--catarina-pink-soft);
	box-shadow: 0 0 0 3px rgba(217, 47, 125, 0.10);
	outline: none;
}

.site-search .widget_product_search form::before {
	color: var(--catarina-brown);
	left: 1.05rem;
	top: 0.82rem;
}

/* =========================================================
   Navigation
   ========================================================= */

.storefront-primary-navigation {
	background: var(--catarina-white);
	border-top: 1px solid var(--catarina-line);
	clear: both;
}

.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a {
	color: var(--catarina-chocolate);
	font-weight: 750;
	padding-bottom: 1.15rem;
	padding-top: 1.15rem;
}

.main-navigation ul.menu > li > a:hover,
.main-navigation ul.menu > li > a:focus,
.main-navigation ul.nav-menu > li > a:hover,
.main-navigation ul.nav-menu > li > a:focus,
.main-navigation ul.menu > li.current-menu-item > a,
.main-navigation ul.nav-menu > li.current-menu-item > a {
	color: var(--catarina-pink);
}

.main-navigation ul.menu ul.sub-menu,
.main-navigation ul.nav-menu ul.children {
	background: var(--catarina-white);
	border: 1px solid var(--catarina-line);
	border-radius: 0 0 var(--catarina-radius-sm) var(--catarina-radius-sm);
	box-shadow: var(--catarina-shadow);
}

.site-header-cart .cart-contents {
	color: var(--catarina-chocolate);
	font-weight: 800;
	padding-bottom: 1.15rem;
	padding-top: 1.15rem;
}

.site-header-cart .cart-contents:hover,
.site-header-cart .cart-contents:focus {
	color: var(--catarina-pink);
}

.site-header-cart .cart-contents .count {
	background: var(--catarina-pink-soft);
	border-radius: 999px;
	color: var(--catarina-chocolate);
	opacity: 1;
	padding: 0.18rem 0.48rem;
}

.site-header-cart .widget_shopping_cart {
	background: var(--catarina-white);
	border: 1px solid var(--catarina-line);
	box-shadow: var(--catarina-shadow);
}

/* =========================================================
   Main content / shop compact spacing
   ========================================================= */

.site-content {
	background: var(--catarina-cream);
}

.site-content > .col-full {
	max-width: 1180px;
	padding-top: 2rem;
	padding-bottom: 3.5rem;
}

.entry-title,
.page-title,
.woocommerce-products-header__title {
	color: var(--catarina-brown);
	font-weight: 900;
}

.entry-content,
.entry-summary {
	color: var(--catarina-chocolate);
}

.woocommerce-breadcrumb {
	color: var(--catarina-muted);
	font-size: 0.86rem;
	margin: 0 0 1.25rem;
}

.woocommerce-breadcrumb a {
	color: var(--catarina-brown);
}

body.post-type-archive-product .site-content > .col-full,
body.tax-product_cat .site-content > .col-full,
body.tax-product_tag .site-content > .col-full {
	padding-top: 1.25rem;
}

body.post-type-archive-product .site-main,
body.tax-product_cat .site-main,
body.tax-product_tag .site-main {
	padding-top: 0;
}

body.post-type-archive-product .woocommerce-products-header,
body.tax-product_cat .woocommerce-products-header,
body.tax-product_tag .woocommerce-products-header {
	padding: 0 0 1.1rem !important;
}

body.post-type-archive-product .woocommerce-products-header__title,
body.tax-product_cat .woocommerce-products-header__title,
body.tax-product_tag .woocommerce-products-header__title {
	font-size: clamp(2rem, 4vw, 2.65rem);
	margin-bottom: 0.8rem;
}

.storefront-sorting {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1rem;
	margin-bottom: 1.4rem;
}

.storefront-sorting .woocommerce-ordering,
.storefront-sorting .woocommerce-result-count,
.storefront-sorting .woocommerce-pagination {
	float: none;
	margin: 0;
}

.storefront-sorting .woocommerce-pagination {
	margin-left: auto;
}

.woocommerce-pagination .page-numbers li .page-numbers {
	border-radius: 7px;
	min-width: 35px;
}

.woocommerce-pagination .page-numbers li .page-numbers.current {
	background: var(--catarina-pink);
	color: var(--catarina-white);
}

/* =========================================================
   Forms and buttons
   ========================================================= */

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.added_to_cart,
.widget a.button {
	background: var(--catarina-pink);
	border: 0;
	border-radius: var(--catarina-radius-sm);
	box-shadow: none;
	color: var(--catarina-white);
	font-weight: 800;
	letter-spacing: 0.005em;
	padding: 0.78em 1.25em;
	transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
.added_to_cart:hover,
.widget a.button:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.button:focus,
.added_to_cart:focus,
.widget a.button:focus {
	background: var(--catarina-pink-dark);
	color: var(--catarina-white);
	transform: translateY(-1px);
}

.button.alt,
button.alt,
input[type="button"].alt,
input[type="reset"].alt,
input[type="submit"].alt {
	background: var(--catarina-brown);
	color: var(--catarina-white);
}

.button.alt:hover,
button.alt:hover,
input[type="button"].alt:hover,
input[type="reset"].alt:hover,
input[type="submit"].alt:hover {
	background: var(--catarina-chocolate);
	color: var(--catarina-white);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
textarea,
select {
	background: var(--catarina-white);
	border: 1px solid var(--catarina-line);
	border-radius: var(--catarina-radius-sm);
	box-shadow: none;
	color: var(--catarina-chocolate);
}

input:focus,
textarea:focus,
select:focus {
	border-color: var(--catarina-pink-soft);
	box-shadow: 0 0 0 3px rgba(217, 47, 125, 0.10);
	outline: none;
}

/* =========================================================
   Product grid — optimized for five products per row
   ========================================================= */

.woocommerce ul.products,
ul.products {
	clear: both;
	display: grid !important;
	gap: 1.2rem;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 0;
}

.woocommerce ul.products.columns-1,
ul.products.columns-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.woocommerce ul.products.columns-2,
ul.products.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.woocommerce ul.products.columns-3,
ul.products.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.woocommerce ul.products.columns-4,
ul.products.columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.woocommerce ul.products.columns-5,
ul.products.columns-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.woocommerce ul.products.columns-6,
ul.products.columns-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }

.woocommerce ul.products::before,
.woocommerce ul.products::after,
ul.products::before,
ul.products::after {
	display: none !important;
}

.woocommerce ul.products li.product,
ul.products li.product {
	background: var(--catarina-white);
	border: 1px solid var(--catarina-line);
	border-radius: var(--catarina-radius-md);
	box-shadow: 0 5px 18px rgba(79, 48, 37, 0.045);
	display: flex;
	float: none !important;
	flex-direction: column;
	margin: 0 !important;
	overflow: hidden;
	padding: 0 0 1rem;
	text-align: center;
	transition: transform 180ms ease, box-shadow 180ms ease;
	width: auto !important;
}

.woocommerce ul.products li.product:hover,
ul.products li.product:hover {
	box-shadow: var(--catarina-shadow);
	transform: translateY(-3px);
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
ul.products li.product a.woocommerce-LoopProduct-link {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	text-decoration: none;
}

.woocommerce ul.products li.product img,
ul.products li.product img {
	aspect-ratio: 1 / 1;
	background: #f3eee5;
	margin: 0 0 0.85rem;
	object-fit: cover;
	width: 100%;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3,
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h2,
ul.products li.product h3 {
	color: var(--catarina-chocolate);
	font-size: 0.92rem;
	font-weight: 800;
	line-height: 1.28;
	margin: 0;
	min-height: 3.55em;
	padding: 0 0.75rem;
}

.woocommerce ul.products li.product .price,
ul.products li.product .price {
	color: var(--catarina-brown);
	font-size: 1rem;
	font-weight: 900;
	margin: 0.55rem 0 0.8rem;
	padding: 0 0.75rem;
}

.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart,
ul.products li.product .button,
ul.products li.product .added_to_cart {
	align-items: center;
	display: inline-flex;
	font-size: 0.82rem;
	justify-content: center;
	line-height: 1.22;
	margin: auto 0.75rem 0;
	min-height: 44px;
	padding: 0.65rem 0.55rem;
	white-space: normal;
}

.woocommerce ul.products li.product .onsale,
ul.products li.product .onsale {
	background: var(--catarina-yellow);
	border: 0;
	border-radius: 999px;
	color: var(--catarina-chocolate);
	font-size: 0.72rem;
	font-weight: 900;
	left: 0.65rem;
	right: auto;
	top: 0.65rem;
}

/* =========================================================
   Shop filter sidebar
   ========================================================= */

body.post-type-archive-product .widget-area,
body.tax-product_cat .widget-area,
body.tax-product_tag .widget-area {
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid var(--catarina-line);
	border-radius: var(--catarina-radius-md);
	padding: 1.25rem;
}

body.post-type-archive-product .widget-area .widget,
body.tax-product_cat .widget-area .widget,
body.tax-product_tag .widget-area .widget {
	border-bottom: 1px solid var(--catarina-line);
	margin-bottom: 1.25rem;
	padding-bottom: 1.25rem;
}

body.post-type-archive-product .widget-area .widget:last-child,
body.tax-product_cat .widget-area .widget:last-child,
body.tax-product_tag .widget-area .widget:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.widget-area .widget-title,
.widget-area .widget h2,
.widget-area .widget h3 {
	color: var(--catarina-brown);
	font-size: 1.2rem;
	font-weight: 850;
}

.widget_price_filter .ui-slider .ui-slider-range,
.widget_price_filter .ui-slider .ui-slider-handle {
	background: var(--catarina-pink);
}

.widget_price_filter .price_slider_wrapper .ui-widget-content {
	background: var(--catarina-line);
}

/* =========================================================
   Product page / notices
   ========================================================= */

.single-product div.product .woocommerce-product-gallery img {
	border-radius: var(--catarina-radius-md);
}

.single-product div.product .summary {
	background: var(--catarina-white);
	border: 1px solid var(--catarina-line);
	border-radius: var(--catarina-radius-md);
	padding: clamp(1.3rem, 3vw, 2rem);
}

.price {
	color: var(--catarina-brown);
	font-weight: 900;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
	background: var(--catarina-white);
	border-left-color: var(--catarina-pink);
	border-radius: var(--catarina-radius-sm);
	box-shadow: 0 4px 15px rgba(79, 48, 37, 0.05);
	color: var(--catarina-chocolate);
}

/* =========================================================
   Home page
   ========================================================= */

body.home .site-content > .col-full {
	max-width: none;
	padding: 0;
}

.voa-home {
	margin: 0;
}

.voa-section__inner {
	margin: 0 auto;
	max-width: 1180px;
	padding-left: 2.617924em;
	padding-right: 2.617924em;
}

.voa-hero {
	background:
		radial-gradient(circle at 84% 22%, rgba(255, 255, 255, 0.5) 0 8%, transparent 8.5%),
		linear-gradient(135deg, var(--catarina-yellow) 0%, #ffe876 100%);
	overflow: hidden;
	position: relative;
}

.voa-hero::after {
	color: rgba(117, 69, 31, 0.06);
	content: "VOA";
	font-size: 22rem;
	font-weight: 900;
	line-height: 0.7;
	position: absolute;
	right: -2rem;
	top: 4rem;
}

.voa-hero__grid {
	align-items: center;
	display: grid;
	gap: 3rem;
	grid-template-columns: minmax(0, 1.1fr) minmax(340px, 0.9fr);
	min-height: 610px;
	padding-bottom: 5rem;
	padding-top: 5rem;
	position: relative;
	z-index: 1;
}

.voa-eyebrow {
	color: var(--catarina-pink);
	font-size: 0.78rem;
	font-weight: 900;
	letter-spacing: 0.16em;
	margin: 0 0 0.65rem;
	text-transform: uppercase;
}

.voa-hero h1 {
	color: var(--catarina-chocolate);
	font-size: clamp(3rem, 6.2vw, 5.65rem);
	letter-spacing: -0.06em;
	line-height: 0.98;
	margin: 0 0 1.4rem;
	max-width: 760px;
}

.voa-hero__lead {
	font-size: clamp(1.05rem, 1.8vw, 1.28rem);
	max-width: 650px;
}

.voa-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 1.2rem;
	margin-top: 1.8rem;
}

.voa-button {
	border-radius: 999px !important;
	font-size: 0.96rem;
	padding: 0.9rem 1.45rem !important;
	text-decoration: none;
}

.voa-button--primary {
	background: var(--catarina-pink) !important;
}

.voa-text-link {
	color: var(--catarina-brown);
	font-weight: 850;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 0.25em;
}

.voa-hero__facts {
	display: flex;
	gap: 2.5rem;
	list-style: none;
	margin: 2.25rem 0 0;
	padding: 0;
}

.voa-hero__facts li {
	display: flex;
	flex-direction: column;
}

.voa-hero__facts strong {
	color: var(--catarina-brown);
	font-size: 1.08rem;
}

.voa-hero__facts span {
	color: var(--catarina-chocolate);
	font-size: 0.88rem;
}

.voa-hero__art {
	min-height: 450px;
	position: relative;
}

.voa-hero__sun {
	background: var(--catarina-pink-soft);
	border-radius: 50%;
	height: 340px;
	position: absolute;
	right: 35px;
	top: 35px;
	width: 340px;
}

.voa-hero__card {
	background: var(--catarina-white);
	border: 1px solid rgba(117, 69, 31, 0.14);
	box-shadow: 0 22px 55px rgba(79, 48, 37, 0.18);
	position: absolute;
}

.voa-hero__card--one {
	border-radius: 30px;
	padding: 1.1rem;
	right: 68px;
	text-align: center;
	top: 55px;
	transform: rotate(3deg);
	width: 300px;
}

.voa-hero__card--one svg {
	display: block;
	margin: 0.45rem auto 0;
	max-width: 220px;
	width: 100%;
}

.voa-hero__card--one p {
	color: var(--catarina-brown);
	font-weight: 850;
	margin: 0.2rem 0 0.5rem;
}

.voa-hero__tag {
	background: var(--catarina-yellow);
	border-radius: 999px;
	color: var(--catarina-chocolate);
	display: inline-block;
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	padding: 0.35rem 0.72rem;
}

.voa-hero__card--two {
	border-radius: 18px;
	bottom: 35px;
	display: flex;
	flex-direction: column;
	left: 0;
	padding: 1.1rem 1.4rem;
	transform: rotate(-5deg);
}

.voa-hero__card--two strong:nth-child(2) {
	color: var(--catarina-pink);
}

.voa-section {
	padding-bottom: 5.5rem;
	padding-top: 5.5rem;
}

.voa-section-heading {
	align-items: end;
	display: flex;
	justify-content: space-between;
	margin-bottom: 2.1rem;
}

.voa-section-heading h2,
.voa-purpose h2,
.voa-help h2 {
	font-size: clamp(2rem, 4.2vw, 3.55rem);
	line-height: 1.05;
	margin: 0 0 0.7rem;
}

.voa-section-heading p {
	margin: 0;
}

.voa-section-heading--center {
	justify-content: center;
	text-align: center;
}

.voa-latest {
	background: var(--catarina-cream);
}

.voa-home-products .woocommerce.columns-5 {
	margin: 0;
}

.voa-purpose {
	background: var(--catarina-pink);
	color: var(--catarina-white);
}

.voa-purpose__grid {
	align-items: center;
	display: grid;
	gap: 4rem;
	grid-template-columns: minmax(260px, 0.75fr) minmax(0, 1.25fr);
}

.voa-purpose__highlight {
	align-items: center;
	aspect-ratio: 1 / 1;
	background: var(--catarina-yellow);
	border-radius: 50%;
	color: var(--catarina-chocolate);
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: auto;
	max-width: 330px;
	padding: 3rem;
	text-align: center;
	transform: rotate(-4deg);
}

.voa-purpose__highlight span {
	color: var(--catarina-pink);
	font-size: 3rem;
	line-height: 1;
}

.voa-purpose__highlight p {
	font-size: clamp(1.6rem, 3vw, 2.35rem);
	font-weight: 900;
	line-height: 1.05;
	margin: 1rem 0 0;
}

.voa-purpose .voa-eyebrow {
	color: var(--catarina-yellow);
}

.voa-purpose h2,
.voa-purpose p {
	color: var(--catarina-white);
}

.voa-purpose__content > p:not(.voa-eyebrow) {
	font-size: 1.08rem;
}

.voa-values {
	background: var(--catarina-white);
}

.voa-values__grid {
	display: grid;
	gap: 1.4rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.voa-values__grid article {
	background: var(--catarina-cream);
	border: 1px solid var(--catarina-line);
	border-radius: var(--catarina-radius-md);
	padding: 2rem;
}

.voa-values__grid article:nth-child(2) {
	background: var(--catarina-yellow-soft);
}

.voa-icon {
	align-items: center;
	background: var(--catarina-pink);
	border-radius: 50%;
	color: var(--catarina-white);
	display: inline-flex;
	font-size: 0.72rem;
	font-weight: 900;
	height: 44px;
	justify-content: center;
	width: 44px;
}

.voa-values__grid h3 {
	font-size: 1.55rem;
	margin: 1.1rem 0 0.4rem;
}

.voa-values__grid p {
	margin: 0;
}

.voa-help {
	background: var(--catarina-brown);
	color: var(--catarina-white);
}

.voa-help__grid {
	align-items: center;
	display: grid;
	gap: 3rem;
	grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
}

.voa-help .voa-eyebrow {
	color: var(--catarina-yellow);
}

.voa-help h2,
.voa-help p {
	color: var(--catarina-white);
}

.voa-help__actions {
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
}

.voa-button--yellow {
	background: var(--catarina-yellow) !important;
	color: var(--catarina-chocolate) !important;
	text-align: center;
}

.voa-button--outline {
	background: transparent !important;
	border: 2px solid rgba(255, 255, 255, 0.65) !important;
	color: var(--catarina-white) !important;
	text-align: center;
}

/* =========================================================
   Footer
   ========================================================= */

.site-footer {
	background: var(--catarina-brown);
	color: var(--catarina-cream);
	padding-bottom: 2.25rem;
	padding-top: 2.25rem;
}

.site-footer a {
	color: var(--catarina-yellow);
}

.site-footer a:hover,
.site-footer a:focus {
	color: var(--catarina-white);
}

.voa-footer-credit {
	border-top: 1px solid rgba(255, 255, 255, 0.18);
	font-size: 0.92rem;
	padding-top: 1.4rem;
}

.voa-footer-credit p {
	margin: 0;
}

/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 1080px) {
	.woocommerce ul.products.columns-5,
	ul.products.columns-5,
	.woocommerce ul.products.columns-6,
	ul.products.columns-6 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.voa-hero__grid {
		grid-template-columns: minmax(0, 1fr) minmax(300px, 0.75fr);
	}

	.voa-hero__card--one {
		right: 20px;
	}
}

@media (max-width: 900px) {
	.woocommerce ul.products.columns-4,
	ul.products.columns-4,
	.woocommerce ul.products.columns-5,
	ul.products.columns-5,
	.woocommerce ul.products.columns-6,
	ul.products.columns-6 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.voa-hero__grid {
		grid-template-columns: 1fr;
		padding-bottom: 3rem;
		padding-top: 3.5rem;
	}

	.voa-hero__art {
		margin: 0 auto;
		max-width: 470px;
		width: 100%;
	}

	.voa-purpose__grid,
	.voa-help__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	.voa-topbar__inner {
		flex-direction: column;
		gap: 0.15rem;
		min-height: 0;
		padding: 0.65rem 1rem;
	}

	.site-header {
		padding-top: 1.2rem;
	}

	.site-branding.voa-branding {
		float: none;
		margin-bottom: 1rem;
		text-align: center;
		width: 100%;
	}

	.voa-branding__link {
		align-items: center;
	}

	.site-header .site-search {
		float: none;
		margin-bottom: 1rem;
		width: 100%;
	}

	.menu-toggle {
		background: var(--catarina-yellow);
		border: 0;
		border-radius: 999px;
		color: var(--catarina-chocolate);
		font-weight: 850;
	}

	.menu-toggle:hover,
	.menu-toggle:focus {
		background: var(--catarina-yellow-soft);
		color: var(--catarina-chocolate);
	}

	.handheld-navigation {
		background: var(--catarina-white);
		border-top: 1px solid var(--catarina-line);
		margin-top: 0.75rem;
	}

	.handheld-navigation ul li a {
		color: var(--catarina-chocolate);
		font-weight: 750;
	}

	.site-content > .col-full {
		padding-top: 1.25rem;
		padding-bottom: 2.5rem;
	}

	.voa-section__inner {
		padding-left: 1.41575em;
		padding-right: 1.41575em;
	}

	.voa-hero::after {
		display: none;
	}

	.voa-hero h1 {
		font-size: clamp(2.75rem, 14vw, 4.2rem);
	}

	.voa-hero__facts {
		flex-direction: column;
		gap: 0.75rem;
	}

	.voa-section {
		padding-bottom: 4rem;
		padding-top: 4rem;
	}

	.voa-section-heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 0.75rem;
	}

	.voa-purpose__grid {
		gap: 2.5rem;
	}

	.voa-values__grid {
		grid-template-columns: 1fr;
	}

	.storefront-sorting {
		align-items: stretch;
		flex-direction: column;
	}

	.storefront-sorting .woocommerce-pagination {
		margin-left: 0;
	}

	.woocommerce ul.products.columns-3,
	ul.products.columns-3,
	.woocommerce ul.products.columns-4,
	ul.products.columns-4,
	.woocommerce ul.products.columns-5,
	ul.products.columns-5,
	.woocommerce ul.products.columns-6,
	ul.products.columns-6 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.85rem;
	}

	.woocommerce ul.products li.product .woocommerce-loop-product__title,
	ul.products li.product .woocommerce-loop-product__title {
		font-size: 0.86rem;
	}
}

@media (max-width: 460px) {
	.woocommerce ul.products,
	ul.products,
	.woocommerce ul.products.columns-2,
	ul.products.columns-2,
	.woocommerce ul.products.columns-3,
	ul.products.columns-3,
	.woocommerce ul.products.columns-4,
	ul.products.columns-4,
	.woocommerce ul.products.columns-5,
	ul.products.columns-5,
	.woocommerce ul.products.columns-6,
	ul.products.columns-6 {
		grid-template-columns: 1fr;
	}

	.voa-hero__art {
		min-height: 390px;
	}

	.voa-hero__sun {
		height: 280px;
		right: 5%;
		width: 280px;
	}

	.voa-hero__card--one {
		right: 6%;
		width: 250px;
	}

	.voa-hero__card--two {
		bottom: 15px;
		left: 2%;
	}
}

/* =========================================================
   v0.3 — catálogo amplo, cinco colunas e espaçamento corrigido
   ========================================================= */

/* O Storefront aplica margem grande ao wrapper do breadcrumb. */
body.post-type-archive-product .storefront-breadcrumb,
body.tax-product_cat .storefront-breadcrumb,
body.tax-product_tag .storefront-breadcrumb {
	margin: 0 !important;
	padding: 1rem 0 0 !important;
}

/* O catálogo usa uma largura maior que as páginas editoriais para comportar
   cinco produtos e o painel de filtros sem achatar os cards. */
body.post-type-archive-product .site-content > .col-full,
body.tax-product_cat .site-content > .col-full,
body.tax-product_tag .site-content > .col-full {
	max-width: 1480px;
	padding-left: clamp(1.25rem, 3vw, 2.5rem);
	padding-right: clamp(1.25rem, 3vw, 2.5rem);
	padding-top: 0.35rem;
}

@media (min-width: 768px) {
	body.post-type-archive-product .content-area,
	body.tax-product_cat .content-area,
	body.tax-product_tag .content-area {
		float: left;
		margin-right: 2.5%;
		width: 78.5%;
	}

	body.post-type-archive-product .widget-area,
	body.tax-product_cat .widget-area,
	body.tax-product_tag .widget-area {
		float: right;
		margin-right: 0;
		width: 19%;
	}
}

body.post-type-archive-product .site-main,
body.tax-product_cat .site-main,
body.tax-product_tag .site-main {
	margin-top: 0 !important;
}

body.post-type-archive-product .woocommerce-products-header,
body.tax-product_cat .woocommerce-products-header,
body.tax-product_tag .woocommerce-products-header {
	margin: 0 !important;
	padding: 0 0 0.8rem !important;
}

body.post-type-archive-product .woocommerce-products-header__title,
body.tax-product_cat .woocommerce-products-header__title,
body.tax-product_tag .woocommerce-products-header__title {
	margin-top: 0;
}

/* Força cinco colunas no arquivo da loja mesmo quando alguma configuração
   antiga do Storefront ainda imprime classes columns-3 ou columns-4. */
@media (min-width: 1181px) {
	body.post-type-archive-product ul.products,
	body.tax-product_cat ul.products,
	body.tax-product_tag ul.products,
	body.post-type-archive-product ul.products[class*="columns-"],
	body.tax-product_cat ul.products[class*="columns-"],
	body.tax-product_tag ul.products[class*="columns-"] {
		gap: 1rem;
		grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
	}
}

@media (min-width: 901px) and (max-width: 1180px) {
	body.post-type-archive-product ul.products,
	body.tax-product_cat ul.products,
	body.tax-product_tag ul.products,
	body.post-type-archive-product ul.products[class*="columns-"],
	body.tax-product_cat ul.products[class*="columns-"],
	body.tax-product_tag ul.products[class*="columns-"] {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}
}

/* Cards mais compactos para o grid de cinco colunas. */
body.post-type-archive-product ul.products li.product,
body.tax-product_cat ul.products li.product,
body.tax-product_tag ul.products li.product {
	min-width: 0;
	position: relative;
}

body.post-type-archive-product ul.products li.product .woocommerce-loop-product__title,
body.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
body.tax-product_tag ul.products li.product .woocommerce-loop-product__title {
	font-size: 0.86rem;
	min-height: 3.45em;
	padding-left: 0.6rem;
	padding-right: 0.6rem;
}

body.post-type-archive-product ul.products li.product .price,
body.tax-product_cat ul.products li.product .price,
body.tax-product_tag ul.products li.product .price {
	font-size: 0.94rem;
	margin-bottom: 0.65rem;
}

body.post-type-archive-product ul.products li.product .button,
body.tax-product_cat ul.products li.product .button,
body.tax-product_tag ul.products li.product .button,
body.post-type-archive-product ul.products li.product .added_to_cart,
body.tax-product_cat ul.products li.product .added_to_cart,
body.tax-product_tag ul.products li.product .added_to_cart {
	border-radius: 999px;
	font-size: 0.78rem;
	margin-left: 0.6rem;
	margin-right: 0.6rem;
	min-height: 40px;
	padding: 0.58rem 0.5rem;
}

.voa-piece-badge {
	background: var(--catarina-yellow);
	border-radius: 999px;
	box-shadow: 0 4px 12px rgba(79, 48, 37, 0.14);
	color: var(--catarina-chocolate);
	font-size: 0.62rem;
	font-weight: 900;
	left: 0.55rem;
	letter-spacing: 0.08em;
	line-height: 1;
	padding: 0.48rem 0.62rem;
	position: absolute;
	text-transform: uppercase;
	top: 0.55rem;
	z-index: 3;
}

.voa-piece-badge--sold {
	background: var(--catarina-pink);
	color: var(--catarina-white);
}

/* Barra de ordenação alinhada sem empurrar o catálogo para baixo. */
body.post-type-archive-product .storefront-sorting,
body.tax-product_cat .storefront-sorting,
body.tax-product_tag .storefront-sorting {
	background: rgba(255, 255, 255, 0.5);
	border: 1px solid var(--catarina-line);
	border-radius: var(--catarina-radius-sm);
	margin-bottom: 1rem;
	padding: 0.65rem 0.75rem;
}

body.post-type-archive-product .storefront-sorting select,
body.tax-product_cat .storefront-sorting select,
body.tax-product_tag .storefront-sorting select {
	font-size: 0.83rem;
	min-height: 38px;
}

/* Painel de filtros um pouco mais estreito e legível. */
body.post-type-archive-product .widget-area,
body.tax-product_cat .widget-area,
body.tax-product_tag .widget-area {
	font-size: 0.86rem;
	padding: 1.15rem;
}

body.post-type-archive-product .widget-area .widget-title,
body.tax-product_cat .widget-area .widget-title,
body.tax-product_tag .widget-area .widget-title,
body.post-type-archive-product .widget-area .widget h2,
body.tax-product_cat .widget-area .widget h2,
body.tax-product_tag .widget-area .widget h2,
body.post-type-archive-product .widget-area .widget h3,
body.tax-product_cat .widget-area .widget h3,
body.tax-product_tag .widget-area .widget h3 {
	font-size: 1.05rem;
}

@media (max-width: 900px) {
	body.post-type-archive-product .content-area,
	body.tax-product_cat .content-area,
	body.tax-product_tag .content-area,
	body.post-type-archive-product .widget-area,
	body.tax-product_cat .widget-area,
	body.tax-product_tag .widget-area {
		float: none;
		margin-right: 0;
		width: 100%;
	}

	body.post-type-archive-product .widget-area,
	body.tax-product_cat .widget-area,
	body.tax-product_tag .widget-area {
		margin-top: 2rem;
	}
}
