/* ============================================================
   MKL Home — home busca-primeiro (produtos + histórico)
   Usa os tokens do tema (--wp--preset--color--*, --mkl-*).
   ============================================================ */

/* ---- hero: busca em destaque ---- */
.mkl-hero-search{ max-width:600px; margin:1.4rem auto .2rem; }
.mkl-hero-search form.wp-block-search,
.mkl-hero-search .wp-block-search__inside-wrapper{ margin:0; }
.mkl-hero-search .wp-block-search__inside-wrapper{
	display:flex; align-items:center; gap:.4rem;
	background:var(--wp--preset--color--surface);
	border:1.5px solid var(--wp--preset--color--line);
	border-radius:999px; padding:.35rem .35rem .35rem 1.15rem;
	box-shadow:var(--mkl-shadow-lg, 0 2px 6px rgba(20,24,40,.06),0 22px 60px rgba(20,24,40,.12));
}
.mkl-hero-search .wp-block-search__inside-wrapper:focus-within{
	border-color:var(--wp--preset--color--primary);
	box-shadow:0 0 0 4px color-mix(in srgb, var(--wp--preset--color--primary) 18%, transparent);
}
.mkl-hero-search .wp-block-search__input{
	flex:1; min-width:0; border:none; background:none; outline:none;
	font-size:1.02rem; color:var(--wp--preset--color--contrast);
}
.mkl-hero-search .wp-block-search__button{
	margin:0; border:none; cursor:pointer; white-space:nowrap;
	background:var(--wp--preset--color--primary); color:#fff;
	font-weight:700; font-size:.95rem; padding:.7rem 1.2rem; border-radius:999px;
}
.mkl-hero-search .wp-block-search__button:hover{ background:var(--wp--preset--color--primary-dark); }

/* ---- seções ---- */
.mkl-home-sec{
	max-width:var(--wp--style--global--wide-size, 1100px);
	margin:0 auto; padding:2.4rem 1.25rem;
}
.mkl-home-sec .mkl-sec-head{ margin-bottom:1.2rem; }
.mkl-home-sec .mkl-sec-head h2{ margin:0 0 .2rem; }
.mkl-home-sec .mkl-sec-head p{ margin:0; color:var(--wp--preset--color--muted); font-size:.95rem; }

/* ---- grade de produtos (destaques) ---- */
.mkl-prod-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.1rem; }
@media (max-width:820px){ .mkl-prod-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .mkl-prod-grid{ grid-template-columns:1fr; } }

.mkl-prod-card{
	display:flex; flex-direction:column; text-decoration:none; color:inherit;
	background:var(--wp--preset--color--surface);
	border:1px solid var(--wp--preset--color--line);
	border-radius:var(--mkl-radius, 16px); overflow:hidden;
	box-shadow:var(--mkl-shadow, 0 1px 2px rgba(20,24,40,.04),0 10px 34px rgba(20,24,40,.08));
	transition:transform .12s ease, border-color .12s ease;
}
.mkl-prod-card:hover{ transform:translateY(-2px); border-color:var(--wp--preset--color--primary); }
.mkl-prod-media{
	height:200px; background:#fff; display:grid; place-items:center; padding:14px;
	border-bottom:1px solid var(--wp--preset--color--line); overflow:hidden;
}
.mkl-prod-media img{ max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; }
.mkl-prod-body{ padding:14px 16px 16px; display:flex; flex-direction:column; gap:.55rem; flex:1; }
.mkl-prod-title{
	margin:0; font-size:1rem; line-height:1.32; font-weight:650;
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.mkl-prod-foot{ display:flex; align-items:flex-end; justify-content:space-between; gap:.6rem; margin-top:auto; }
.mkl-prod-price{ font-weight:800; font-size:1.24rem; color:var(--wp--preset--color--primary-dark); line-height:1.05; }
.mkl-prod-price small{
	display:block; font-size:.6rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
	color:var(--wp--preset--color--muted); margin-bottom:.1rem;
}
.mkl-prod-nota{ font-size:.82rem; font-weight:700; color:var(--wp--preset--color--muted); white-space:nowrap; }
.mkl-prod-cta{ font-size:.82rem; font-weight:700; color:var(--wp--preset--color--primary); }

/* ---- grade de guias ---- */
.mkl-guides-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.1rem; }
@media (max-width:820px){ .mkl-guides-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .mkl-guides-grid{ grid-template-columns:1fr; } }
.mkl-guide-card{
	display:flex; flex-direction:column; text-decoration:none; color:inherit;
	background:var(--wp--preset--color--surface); border:1px solid var(--wp--preset--color--line);
	border-radius:var(--mkl-radius, 16px); overflow:hidden;
	transition:transform .12s ease, border-color .12s ease;
}
.mkl-guide-card:hover{ transform:translateY(-2px); border-color:var(--wp--preset--color--primary); }
.mkl-guide-media{ aspect-ratio:16/10; background:var(--wp--preset--color--base-2); overflow:hidden; }
.mkl-guide-media img{ width:100%; height:100%; object-fit:cover; }
.mkl-guide-body{ padding:13px 15px 16px; display:flex; flex-direction:column; gap:.35rem; }
.mkl-guide-body .mkl-kicker{
	font-size:.66rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
	color:var(--wp--preset--color--primary);
}
.mkl-guide-title{ margin:0; font-size:1rem; line-height:1.3; font-weight:650; }