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

   ANĀHATA - COMMON

   =========================================================



   Regole comuni a tutto il sito.



   NON contiene:

   - menu specifici

   - design della Home

   - design Ayurveda

   - design Yoga

   - design Meditation

   - design Reiki

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





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

   VARIABILI COMUNI

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



:root {

    --paper: #f4f0e8;

    --paper-2: #eee8dd;

    --ink: #27362e;

    --text: #3f443f;

    --muted: #888b84;

    --green: #183528;

    --line: rgba(39, 54, 46, .28);

    --page-pad: clamp(22px, 7.8125vw, 150px);

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

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

}





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

   RESET / BASE

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



* {

    box-sizing: border-box;

}



html {

    scroll-behavior: smooth;

}



html,

body,

form {

    margin: 0;

    min-height: 100%;

}



body {

    background: var(--paper);

    color: var(--text);

    font-family: var(--sans);

    overflow-x: hidden;

}



a {

    color: inherit;

    text-decoration: none;

}





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

   CONTENITORE COMUNE

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



.page-shell {

    width: 100%;

    padding-inline: var(--page-pad);

    box-sizing: border-box;

}





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

   COMPONENTI RIUTILIZZABILI

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



.btn {

    border: 0;

    cursor: pointer;

    font: inherit;

}



.btn-dark {

    background: var(--green);

    color: #fff;

    border-radius: 999px;

    padding: .85rem 1.6rem;

}



.image-placeholder {

    background: linear-gradient( 135deg, rgba(39, 54, 46, .06), rgba(39, 54, 46, .015) );

    border: 1px dashed rgba(39, 54, 46, .35);

    display: flex;

    align-items: center;

    justify-content: center;

    min-width: 0;

    overflow: hidden;

}



    .image-placeholder > span {

        color: rgba(39, 54, 46, .45);

        font-size: clamp(9px, .62vw, 12px);

        letter-spacing: .18em;

        text-align: center;

    }



.section-label {

    margin: 0 0 .5rem;

    color: var(--muted);

    font-size: clamp(11px, .75vw, 14px);

}



.mini-line {

    width: clamp(28px, 2.1vw, 42px);

    height: 1px;

    background: rgba(39, 54, 46, .5);

    margin: 1rem 0 2.2rem;

}





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

   RESPONSIVE COMUNE

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



@media (max-width: 1200px) {



    :root {

        --page-pad: clamp(28px, 5vw, 70px);

    }

}





@media (max-width: 640px) {



    :root {

        --page-pad: 20px;

    }

}