@import url("https://fonts.googleapis.com/css2?family=Chau+Philomene+One&family=Poppins:wght@400;500;600;700&display=swap");
.agluten-panineria-ricette {
color: #514743;
font-family: "Poppins", Arial, sans-serif;
}
.agluten-panineria-search {
display: block;
width: min(854px, 100%);
min-height: 79px;
margin: 0 auto 40px;
padding: 16px 56px;
background: #f0dcb0;
border-radius: 50px 18px 18px 50px;
}
.agluten-panineria-search__input {
width: 100%;
height: 47px;
padding: 0 20px;
color: #514743;
background: #fff8e9;
border: 0;
border-radius: 6px;
font: 400 18px/1.2 "Poppins", Arial, sans-serif;
outline: none;
}
.agluten-panineria-search__input::placeholder {
color: rgba(81, 71, 67, 0.78);
opacity: 1;
}
.agluten-panineria-search__input:focus {
box-shadow: 0 0 0 3px rgba(238, 104, 88, 0.22);
}
.agluten-panineria-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 40px 30px;
width: min(854px, 100%);
margin: 0 auto;
}
.agluten-panineria-card {
overflow: hidden;
background: #f0dcb0;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.agluten-panineria-card:hover {
transform: translateY(-6px) scale(1.01);
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}
.agluten-panineria-card__image {
display: block;
position: relative;
overflow: hidden;
border-radius: 8px 8px 0 0;
clip-path: polygon(0 0, 100% 0, 100% 99%, 70% 96%, 46% 97%, 31% 99%, 24% 98%, 11% 98%, 0 99%);
}
.agluten-panineria-card__image img {
display: block;
width: 100%;
height: 300px;
object-fit: cover;
transition: transform 0.3s ease;
}
.agluten-panineria-card:hover .agluten-panineria-card__image img {
transform: scale(1.04);
}
.agluten-panineria-card__body {
padding: 24px 20px 28px;
}
.agluten-panineria-card__title {
margin: 0 0 18px;
font: 400 32px/1 "Chau Philomene One", "Poppins", Arial, sans-serif;
}
.agluten-panineria-card__title a {
color: #514743;
text-decoration: none;
}
.agluten-panineria-card__link {
color: #ee6858;
font: 700 16px/1.2 "Poppins", Arial, sans-serif;
text-decoration: none;
text-transform: uppercase;
}
.agluten-panineria-card__link::after {
content: "\2192";
margin-left: 10px;
}
.agluten-panineria-empty {
width: min(854px, 100%);
margin: 0 auto;
color: #514743;
font: 500 18px/1.4 "Poppins", Arial, sans-serif;
}
.agluten-panineria-results.is-loading {
opacity: 0.72;
}
@media (max-width: 760px) {
.agluten-panineria-grid {
grid-template-columns: 1fr;
}
.agluten-panineria-search {
padding: 18px;
border-radius: 18px;
}
.agluten-panineria-card__image img {
height: auto;
}
}