@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: flex;
align-items: center;
box-sizing: border-box;
width: min(852px, calc(100% - 32px));
height: 79px;
margin: 0 auto 40px;
padding: 16px clamp(24px, 6.34%, 54px);
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='852' height='79' viewBox='0 0 852 79' fill='none'%3E%3Cpath d='M0.53198 66.2352C0.712548 72.0875 5.07199 76.7882 6.84308 77.7925L7.06121 77.8254C22.05 79.5488 81.1735 78.9817 123.937 78.5716C127.744 78.5351 131.421 78.4998 134.927 78.4675C185.42 77.9901 234.281 76.7882 234.281 76.7882H245.869C246.238 77.2534 246.572 77.5947 246.831 77.7925L246.993 77.8254C258.117 79.5488 301.995 78.9817 333.732 78.5716C336.557 78.5351 339.287 78.4998 341.888 78.4675C379.362 77.9901 415.624 76.7882 415.624 76.7882H440.418C443.018 76.7857 445.456 76.7642 447.772 76.7295C457.55 76.7845 466.738 76.8062 475.104 76.7718C495.786 76.688 514.335 76.5182 533.756 76.3405C534.888 76.3301 536.023 76.3197 537.162 76.3093C538.962 76.3321 540.754 76.355 542.536 76.3777C561.697 76.6226 579.717 76.8528 594.35 76.7718C609.7 76.688 623.466 76.5182 637.879 76.3405C645.424 76.2474 653.147 76.1522 661.367 76.0659C664.464 76.1095 667.603 76.1553 670.779 76.2016C688.361 76.4582 707.052 76.7309 725.829 76.7224C735.589 76.7171 745.495 76.6758 755.019 76.4891C763.347 76.6269 771.875 76.7276 780.426 76.7224C802.878 76.7059 826.38 76.3437 839.221 72.3761C844.713 70.6803 846.167 68.5401 847.54 66.4986C851.903 59.9075 851.38 50.7271 850.975 43.6132C850.961 43.3529 850.946 43.0953 850.932 42.8408C850.752 39.8032 851.127 37.2921 851.481 34.9199C852.082 30.8894 852.624 27.2599 850.286 22.1299C849.551 20.5156 849.456 18.8648 849.36 17.2137C849.161 13.7794 848.962 10.3436 843.017 7.23055C840.19 5.74885 831.549 3.26288 826.542 2.09399C816.005 -0.351554 797.586 -0.091956 780.616 0.147212C775.994 0.212349 771.48 0.27597 767.262 0.283018C767.059 0.283332 766.856 0.283646 766.653 0.28396C754.239 -0.147283 739.81 0.00364566 726.084 0.147212C719.857 0.212349 713.775 0.27597 708.091 0.283018C621.701 0.382156 535.284 0.477148 448.853 0.572155C363.046 0.666477 277.226 0.760813 191.405 0.859235C165.342 0.892162 139.307 0.920973 113.271 0.949784C87.2356 0.978595 61.2 1.00741 35.1372 1.04033C24.7722 1.04956 19.4667 1.80683 14.8132 2.47102C11.1611 2.9923 7.91062 3.45625 2.93123 3.45625C-0.868431 3.45625 -0.121047 6.28644 0.531884 8.39375C1.4268 11.1467 1.09517 14.9646 0.797829 18.3878C0.66129 19.9597 0.53198 21.4484 0.53198 22.7125C0.53198 24.341 0.441625 25.894 0.348255 27.4989C0.151843 30.8748 -0.0579129 34.4801 0.53198 39.5C1.4023 46.9063 1.4025 48.6194 1.4025 54.184C1.4025 55.4482 1.49652 56.5961 1.58635 57.6928C1.81706 60.5093 2.02014 62.9885 0.53198 66.2352Z' fill='%23EEDAB3'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
}
.agluten-panineria-search__input {
box-sizing: border-box;
width: 100%;
height: 47px;
padding: 0 20px;
color: #514743;
background: #fff8e9 !important;
border: 0 !important;
border-radius: 6px;
font: 400 18px/1.2 "Poppins", Arial, sans-serif;
outline: none !important;
box-shadow: none !important;
appearance: none;
}
.agluten-panineria-search__input::placeholder {
color: rgba(81, 71, 67, 0.78);
opacity: 1;
}
.agluten-panineria-search__input:focus {
border: 0 !important;
outline: none !important;
box-shadow: inset 0 0 0 2px rgba(238, 218, 179, 0.65) !important;
}
.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);
}
.panineria-wp-badges {
position: absolute;
top: 28px;
left: 20px;
z-index: 2;
display: flex;
overflow: hidden;
color: #ffffff;
background: #ee6858;
border-radius: 4px;
font: 700 16px/1 "Poppins", Arial, sans-serif;
text-transform: uppercase;
}
.panineria-wp-badges span {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0 16px;
}
.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;
}
.agluten-panineria-pagination {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
width: min(854px, 100%);
margin: 42px auto 0;
}
.agluten-panineria-pagination__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 42px;
min-height: 42px;
padding: 0 12px;
color: #514743;
background: #eedab3;
border: 0;
border-radius: 6px;
font: 700 16px/1 "Poppins", Arial, sans-serif;
cursor: pointer;
transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}
.agluten-panineria-pagination__button:hover,
.agluten-panineria-pagination__button:focus,
.agluten-panineria-pagination__button.is-active {
color: #ffffff;
background: #ee6858;
}
.agluten-panineria-pagination__button:hover,
.agluten-panineria-pagination__button:focus {
transform: translateY(-2px);
}
@media (max-width: 760px) {
.agluten-panineria-grid {
grid-template-columns: 1fr;
}
.agluten-panineria-search {
width: min(852px, calc(100% - 32px));
padding: 15px;
background-color: #eedab3;
background-image: none;
clip-path: polygon(50% 0, 80% 0%, 100% 20%, 100% 93%, 55% 100%, 7% 100%, 0 87%, 0 8%);
}
.agluten-panineria-card__image img {
height: auto;
}
.panineria-wp-badges {
top: 18px;
left: 14px;
font-size: 14px;
}
.panineria-wp-badges span {
min-height: 30px;
padding: 0 12px;
}
}