/* ===== Twoje zmienne kolorów ===== */

:root {
    --main-light: rgb(243,240,235);
    --main-dark: #e47b52;
    --main-intermediate: rgb(239,246,144);
    --background-light: white;
    --text-main: rgb(11,71,82);
    --text-sub: rgb(63,118,128);
}

/* ===== layout strony ===== */

body{
    margin:0;
    font-family:'Inter', sans-serif;
    background: linear-gradient(135deg,var(--main-light),var(--background-light));
    color: var(--text-main);
}

/* kontener */

.wrapper{
    max-width:1100px;
    margin:auto;
    padding:60px 20px;
}


.page-title{
    font-family:"Playfair Display",serif;
    font-weight:400;
    text-align:center;
    margin-bottom:40px;
    position:relative;
}

.page-title{
    color: var(--text-main) !important;
}

.page-title::after{
    content:"";
    width:120px;
    height:3px;
    background:var(--main-intermediate);
    display:block;
    margin:12px auto 0;
}

/* karta z kalendarzem */

.form-calendar{
    background:white;
    border-radius:12px;
    padding:40px;
    box-shadow:0 12px 30px rgba(0,0,0,0.08);
}

/* ===== Bookero plugin ===== */

#bookero-plugin{
    font-family:'Inter',sans-serif;

    --bookero-plugin-color-link: var(--text-main);

    --bookero-plugin-color-primary: var(--main-dark);
    --bookero-plugin-color-primary-dark: #cf6a43;
    --bookero-plugin-color-primary-darker: #b95d3b;

    --bookero-plugin-color-primary-light: #f2a082;
    --bookero-plugin-color-primary-lighter: #f7c7b3;
    --bookero-plugin-color-primary-lightest: #fff3ed;
}

/* nagłówki pluginu */

#bookero-plugin h1,
#bookero-plugin h2,
#bookero-plugin h3{
    font-family:"Playfair Display",serif;
    color:var(--text-main);
}

/* tekst */

#bookero-plugin p,
#bookero-plugin label{
    color:var(--text-sub);
}

/* przyciski */

#bookero-plugin .submit-button,
#bookero-plugin .add-button{
    background:var(--main-dark);
    border-color:var(--main-dark);
    color:white;
}

#bookero-plugin .submit-button:hover,
#bookero-plugin .add-button:hover{
    background:#cf6a43;
}

/* kalendarz dni */

#bookero-plugin .calendar-days-list-cell.is-selected{
    background:var(--main-dark);
    border-color:var(--main-dark);
}

#bookero-plugin .calendar-days-list-cell.is-valid:hover{
    color:var(--main-dark);
}

/* godziny */

#bookero-plugin .hours-list-item.is-selected{
    background:var(--main-dark);
    border-color:var(--main-dark);
}