/* =========================================================

   AYURVEDA - RICETTA DEL GIORNO

   Solo AyurDailyRecipe.aspx

   ========================================================= */





.ay-recipe-page {

    width: 100%;

    padding: clamp(42px, 6vw, 82px) 0 clamp(70px, 8vw, 110px);

}





.ay-recipe-shell {

    width: min(1120px, calc(100% - 40px));

    margin: 0 auto;

}





/* HEADER */



.ay-recipe-header {

    max-width: 820px;

    margin: 0 0 clamp(34px, 5vw, 54px);

}





.ay-recipe-eyebrow {

    margin-bottom: 8px;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: .16em;

    text-transform: uppercase;

    color: #8b704b;

}





.ay-recipe-page-title {

    margin: 0;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(38px, 5vw, 62px);

    font-weight: 400;

    line-height: 1.06;

    color: #302b26;

}





.ay-recipe-date {

    margin-top: 14px;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 16px;

    font-style: italic;

    color: #81776c;

}





/* PARTE SUPERIORE */



.ay-recipe-card {

    width: 100%;

}





.ay-recipe-top {

    display: grid;

    grid-template-columns: minmax(0, 1fr) minmax(260px, 390px);

    gap: clamp(38px, 6vw, 78px);

    align-items: start;

    margin-bottom: clamp(34px, 5vw, 52px);

}





.ay-recipe-heading {

    min-width: 0;

}





/* CATEGORIA */



.ay-recipe-category {

    margin-bottom: 12px;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

    font-weight: 600;

    line-height: 1.5;

    letter-spacing: .10em;

    text-transform: uppercase;

    color: #8b704b;

}





.ay-recipe-indian-name {

    display: inline;

    font-weight: 400;

    letter-spacing: .07em;

    color: #9a8b79;

}





.ay-recipe-indian-separator {

    display: inline-block;

    padding: 0 7px;

}





/* TITOLO */



.ay-recipe-title {

    margin: 0 0 20px;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(30px, 3.8vw, 46px);

    font-weight: 400;

    line-height: 1.15;

    color: #3d352d;

}





.ay-recipe-comment {

    max-width: 700px;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 17px;

    line-height: 1.75;

    color: #5c554d;

}





/* IMMAGINE */



.ay-recipe-picture {

    width: 100%;

}





    .ay-recipe-picture img {

        display: block;

        width: 100%;

        height: auto;

        max-height: 420px;

        object-fit: cover;

        border-radius: 3px;

    }





/* DATI RICETTA */



.ay-recipe-info {

    display: flex;

    flex-wrap: wrap;

    gap: 0;

    margin: 0 0 clamp(42px, 6vw, 62px);

    padding: 18px 0;

    border-top: 1px solid rgba(76, 65, 53, .18);

    border-bottom: 1px solid rgba(76, 65, 53, .18);

}





.ay-recipe-info-item {

    display: flex;

    align-items: baseline;

    gap: 8px;

    padding: 5px 30px;

    border-right: 1px solid rgba(76, 65, 53, .16);

}





    .ay-recipe-info-item:first-child {

        padding-left: 0;

    }





    .ay-recipe-info-item:last-child {

        border-right: 0;

    }





.ay-recipe-info-label {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 11px;

    font-weight: 600;

    letter-spacing: .09em;

    text-transform: uppercase;

    color: #8b704b;

}





.ay-recipe-info-value {

    font-family: Georgia, "Times New Roman", serif;

    font-size: 17px;

    color: #40382f;

}





/* INGREDIENTI + METODO */



.ay-recipe-body {

    display: grid;

    grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);

    gap: clamp(48px, 7vw, 90px);

    align-items: start;

}





.ay-recipe-section {

    min-width: 0;

}





.ay-recipe-section-title {

    margin: 0 0 22px;

    padding-bottom: 12px;

    border-bottom: 1px solid rgba(76, 65, 53, .18);

    font-family: Georgia, "Times New Roman", serif;

    font-size: 24px;

    font-weight: 400;

    color: #4c4034;

}





.ay-recipe-text {

    font-family: Georgia, "Times New Roman", serif;

    font-size: 17px;

    line-height: 1.75;

    color: #504941;

}





.ay-recipe-ingredients {

    line-height: 1.35;

}





.ay-recipe-method {

    max-width: 720px;

}





/* STAMPA */



.ay-recipe-footer {

    display: flex;

    justify-content: flex-end;

    margin-top: clamp(46px, 6vw, 72px);

    padding-top: 22px;

    border-top: 1px solid rgba(76, 65, 53, .18);

}





.ay-recipe-print {

    appearance: none;

    border: 1px solid rgba(76, 65, 53, .32);

    background: transparent;

    padding: 11px 18px;

    border-radius: 2px;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

    letter-spacing: .08em;

    text-transform: uppercase;

    color: #51463b;

    cursor: pointer;

    transition: background-color .2s ease, border-color .2s ease;

}





    .ay-recipe-print:hover {

        background: rgba(139, 112, 75, .08);

        border-color: rgba(139, 112, 75, .55);

    }





/* NESSUNA RICETTA */



.ay-recipe-empty {

    max-width: 700px;

    padding: 30px 0;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 18px;

    line-height: 1.7;

    color: #62594f;

}





/* TABLET */



@media (max-width: 900px) {



    .ay-recipe-top {

        grid-template-columns: minmax(0, 1fr) 300px;

        gap: 36px;

    }





    .ay-recipe-body {

        gap: 48px;

    }





    .ay-recipe-info-item {

        padding-left: 20px;

        padding-right: 20px;

    }

}





/* MOBILE */



@media (max-width: 700px) {



    .ay-recipe-shell {

        width: min(100% - 30px, 1120px);

    }





    .ay-recipe-top {

        display: flex;

        flex-direction: column;

        gap: 30px;

    }





    .ay-recipe-picture {

        max-width: 520px;

    }





    .ay-recipe-info {

        display: block;

        padding: 10px 0;

    }





    .ay-recipe-info-item,

    .ay-recipe-info-item:first-child {

        padding: 9px 0;

        border-right: 0;

        border-bottom: 1px solid rgba(76, 65, 53, .10);

    }





        .ay-recipe-info-item:last-child {

            border-bottom: 0;

        }





    .ay-recipe-body {

        display: block;

    }





    .ay-recipe-section + .ay-recipe-section {

        margin-top: 46px;

    }





    .ay-recipe-footer {

        justify-content: flex-start;

    }

}





/* STAMPA */



@media print {



    .ay-recipe-page {

        padding: 0;

    }





    .ay-recipe-shell {

        width: 100%;

    }





    .ay-recipe-print {

        display: none;

    }





    .ay-recipe-card {

        break-inside: avoid;

    }





    .ay-recipe-title {

        font-size: 30px;

    }





    .ay-recipe-body {

        gap: 35px;

    }

}