.elementor-994 .elementor-element.elementor-element-2ec9251{--display:flex;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-994 .elementor-element.elementor-element-2ec9251{--content-width:1140px;}}/* Start custom CSS *//*====================================================
AQUA APARTMAN 2026
PART 1 - GLOBAL LAYOUT (v2)
====================================================*/

:root{
    --primary:#2563eb;
    --primary-light:#3b82f6;
    --accent:#0ea5e9;

    --bg:#f5f8fc;
    --card:#ffffff;

    --border:#dbeafe;

    --text:#1f2937;
    --muted:#64748b;

    --radius:24px;

    --shadow:
        0 18px 45px rgba(15,23,42,.08);

    --transition:.3s ease;
}


/**************************************************
PAGE
**************************************************/

body{

    background:var(--bg);

}


/**************************************************
MAIN CARD
**************************************************/

.wpbs-main-wrapper{

    width:100%;
    max-width:1320px;

    margin:60px auto;

    padding:55px;

    background:#fff;

    border-radius:30px;

    box-shadow:var(--shadow);

}


/**************************************************
TITLE
**************************************************/

.wpbs-container h2{

    font-size:52px;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:-1px;

    text-align:center;

    color:var(--text);

    margin-bottom:12px;

}

.wpbs-container h2::after{

    content:"";

    display:block;

    width:90px;

    height:5px;

    margin:18px auto 0;

    border-radius:30px;

    background:linear-gradient(
        90deg,
        var(--primary),
        var(--accent)
    );

}


/**************************************************
CALENDAR + LEGEND
**************************************************/

.wpbs-calendars-wrapper{

    display:grid;

    grid-template-columns:
        minmax(520px,720px)
        220px;

    justify-content:center;

    align-items:flex-start;

    gap:45px;

    margin:45px auto;

}


/**************************************************
CALENDAR
**************************************************/

.wpbs-calendars{

    width:100%;

}

.wpbs-calendar{

    width:100% !important;

    max-width:700px !important;

    margin:0;

}


/**************************************************
FORM
**************************************************/

.wpbs-form-container{

    margin-top:45px;

}


/**************************************************
GRID
**************************************************/

.wpbs-form-fields{

    display:grid;

    grid-template-columns:repeat(2,minmax(0,1fr));

    gap:28px;

}


/**************************************************
FULL WIDTH
**************************************************/

.wpbs-form-selected-dates,
.wpbs-form-field-textarea,
.wpbs-form-field-consent,
.wpbs-form-field-payment_method,
.wpbs-form-field-total,
.wpbs-form-submit-button{

    grid-column:1/-1;

}


/**************************************************
RESPONSIVE TABLET
**************************************************/

@media(max-width:991px){

    .wpbs-main-wrapper{

        padding:35px;

        margin:20px;

    }

    .wpbs-calendars-wrapper{

        grid-template-columns:1fr;

        gap:25px;

    }

    .wpbs-calendar{

        max-width:100% !important;

    }

    .wpbs-legend{

        max-width:350px;

        margin:auto;

    }

    .wpbs-form-fields{

        grid-template-columns:1fr;

    }

}


/**************************************************
RESPONSIVE MOBILE
**************************************************/

@media(max-width:767px){

    .wpbs-main-wrapper{

        padding:18px;

        margin:10px;

        border-radius:18px;

    }

    .wpbs-container h2{

        font-size:34px;

    }

    .wpbs-calendars-wrapper{

        gap:18px;

    }

}

/*====================================================
AQUA APARTMAN 2026
PART 2 - PREMIUM CALENDAR
====================================================*/

/**************************************************
CALENDAR CARD
**************************************************/

.wpbs-calendar{

    background:#fff;

    border:1px solid #e8eef8;

    border-radius:24px;

    overflow:hidden;

    box-shadow:
        0 18px 45px rgba(15,23,42,.07);

    transition:.35s;

}

.wpbs-calendar:hover{

    transform:translateY(-4px);

    box-shadow:
        0 28px 60px rgba(15,23,42,.12);

}


/**************************************************
HEADER
**************************************************/

.wpbs-calendar-header{

    background:#fff;

    border-bottom:1px solid #edf2f7;

    padding:18px;

}


/**************************************************
MONTH SELECT
**************************************************/

.wpbs-calendar-header select{

    width:auto;

    min-width:170px;

    height:44px;

    border:1px solid #dbeafe;

    border-radius:12px;

    background:#fff;

    font-weight:600;

    font-size:15px;

    color:#1f2937;

    padding:0 16px;

}


/**************************************************
ARROWS
**************************************************/

.wpbs-prev,
.wpbs-next{

    width:42px;

    height:42px;

    border:none;

    border-radius:50%;

    background:#eff6ff;

    transition:.25s;

}

.wpbs-prev:hover,
.wpbs-next:hover{

    background:#2563eb;

}

.wpbs-prev:hover .wpbs-arrow,
.wpbs-next:hover .wpbs-arrow{

    border-color:#fff;

}


/**************************************************
TABLE
**************************************************/

.wpbs-calendar table{

    width:100%;

    border-collapse:separate;

    border-spacing:8px;

    padding:18px;

}


/**************************************************
WEEK HEADER
**************************************************/

.wpbs-calendar thead th{

    color:#64748b;

    font-size:13px;

    font-weight:700;

    text-transform:uppercase;

    border:none;

}


/**************************************************
DAY CELL
**************************************************/

.wpbs-date{

    border-radius:16px;

    overflow:hidden;

}

.wpbs-date-inner{

    height:62px !important;

    line-height:62px !important;

    border-radius:16px;

    font-size:16px;

    font-weight:600;

    transition:.25s;

}


/**************************************************
AVAILABLE
**************************************************/

.wpbs-legend-item-1 .wpbs-date-inner{

    background:#f8fbff;

}


/**************************************************
HOVER
**************************************************/

.wpbs-is-bookable:hover .wpbs-date-inner{

    background:#dbeafe !important;

    transform:scale(1.05);

}


/**************************************************
SELECTED
**************************************************/

.wpbs-date-selected .wpbs-date-inner{

    background:linear-gradient(
        135deg,
        #2563eb,
        #3b82f6
    ) !important;

    color:#fff;

}


/**************************************************
TODAY
**************************************************/

.wpbs-date-today .wpbs-date-inner{

    border:2px solid #2563eb !important;

}


/**************************************************
BOOKED
**************************************************/

.wpbs-legend-item-2 .wpbs-date-inner{

    background:#e5e7eb;

    color:#9ca3af;

}


/**************************************************
LEGEND
**************************************************/

.wpbs-legend{

    background:#fff;

    border:1px solid #e8eef8;

    border-radius:20px;

    padding:24px;

    box-shadow:
        0 12px 35px rgba(15,23,42,.05);

}

.wpbs-legend-item{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:16px;

    font-size:15px;

    color:#374151;

}


/**************************************************
PRICE
**************************************************/

.wpbs-date-price{

    display:block;

    margin-top:-8px;

    font-size:10px;

    color:#3b82f6;

    font-weight:600;

}


/**************************************************
MOBILE
**************************************************/

@media(max-width:767px){

    .wpbs-calendar table{

        border-spacing:4px;

        padding:10px;

    }

    .wpbs-date-inner{

        height:46px !important;

        line-height:46px !important;

        font-size:14px;

    }

    .wpbs-calendar-header{

        padding:12px;

    }

    .wpbs-calendar-header select{

        min-width:140px;

        height:38px;

    }

}


/*====================================================
AQUA APARTMAN 2026
PART 3 - PREMIUM BOOKING FORM
====================================================*/


/**************************************************
LABELS
**************************************************/

.wpbs-form-field-label{

    margin-bottom:10px;

}

.wpbs-form-field-label label,
.wpbs-form-field-label span{

    font-size:14px;

    font-weight:700;

    color:#334155;

    letter-spacing:.2px;

}


/**************************************************
INPUTS
**************************************************/

.wpbs-form-field input,
.wpbs-form-field textarea,
.wpbs-form-field select{

    width:100%;

    padding:16px 18px;

    border-radius:16px;

    border:2px solid #e5edf8;

    background:#fff;

    font-size:15px;

    transition:.25s;

    box-sizing:border-box;

}


.wpbs-form-field textarea{

    min-height:170px;

    resize:vertical;

}


/**************************************************
FOCUS
**************************************************/

.wpbs-form-field input:focus,
.wpbs-form-field textarea:focus,
.wpbs-form-field select:focus{

    outline:none;

    border-color:#3b82f6;

    box-shadow:

    0 0 0 5px rgba(59,130,246,.15);

}


/**************************************************
PLACEHOLDER
**************************************************/

.wpbs-form-field input::placeholder,
.wpbs-form-field textarea::placeholder{

    color:#94a3b8;

}


/**************************************************
SELECT
**************************************************/

.wpbs-form-field select{

    cursor:pointer;

}


/**************************************************
FIELD ANIMATION
**************************************************/

.wpbs-form-field{

    transition:.3s;

}

.wpbs-form-field:hover{

    transform:translateY(-2px);

}


/**************************************************
DATE BOXES
**************************************************/

./*==============================
ÉRKEZÉS / TÁVOZÁS
==============================*/

.wpbs-form-selected-dates{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    margin:35px 0;

}

.wpbs-form-selected-date{

    background:#fff;

    border:1px solid #dbeafe;

    border-radius:18px;

    padding:26px;

    box-shadow:0 8px 25px rgba(37,99,235,.06);

    transition:.3s;

}

.wpbs-form-selected-date:hover{

    transform:translateY(-4px);

    border-color:#3b82f6;

    box-shadow:0 18px 40px rgba(37,99,235,.15);

}

.wpbs-form-selected-date .wpbs-form-field-label{

    font-size:14px;

    text-transform:uppercase;

    letter-spacing:1px;

    color:#64748b;

    margin-bottom:12px;

}

.wpbs-form-selected-date .wpbs-form-field-input{

    font-size:20px;

    font-weight:700;

    color:#2563eb;

    line-height:1.35;

}

@media(max-width:767px){

.wpbs-form-selected-dates{

grid-template-columns:1fr;

}

.wpbs-form-selected-date{

padding:20px;

}

.wpbs-form-selected-date .wpbs-form-field-input{

font-size:24px;

}

}


/**************************************************
CONSENT
**************************************************/

.wpbs-form-field-consent{

    background:#f8fbff;

    border:1px solid #dbeafe;

    border-radius:20px;

    padding:24px;

}

.wpbs-form-field-consent label{

    display:flex;

    gap:14px;

    align-items:flex-start;

    cursor:pointer;

    line-height:1.7;

}

.wpbs-form-field-consent input{

    width:20px;

    height:20px;

    accent-color:#2563eb;

}


/**************************************************
MOBILE
**************************************************/

@media(max-width:767px){

.wpbs-form-selected-dates{

grid-template-columns:1fr;

gap:16px;

}

.wpbs-form-selected-date{

padding:18px;

}

.wpbs-form-field input,
.wpbs-form-field textarea,
.wpbs-form-field select{

padding:14px;

font-size:15px;

}

}


/*====================================================
AQUA APARTMAN 2026
PART 5 - PAYMENT + TOTAL + BUTTON
====================================================*/


/**************************************************
PAYMENT CARD
**************************************************/

.wpbs-form-field-payment_method{

    background:#fff;

    border:1px solid #dbeafe;

    border-radius:20px;

    padding:28px;

    box-shadow:0 8px 24px rgba(15,23,42,.05);

}

.wpbs-form-field-payment_method .wpbs-form-field-label{

    margin-bottom:18px;

}

.wpbs-form-field-payment_method .wpbs-form-field-label span{

    font-size:18px;

    font-weight:700;

    color:#1e293b;

}

.wpbs-payment-method-label{

    display:flex;

    align-items:center;

    gap:12px;

    font-size:16px;

    font-weight:600;

}

.wpbs-payment-method-label input{

    transform:scale(1.15);

    accent-color:#2563eb;

}

.wpbs-payment-method-description{

    margin-top:14px;

    margin-left:32px;

    color:#64748b;

    font-size:14px;

}


/**************************************************
TOTAL CARD
**************************************************/

.wpbs-form-field-total{

    background:#ffffff;

    border:1px solid #dbeafe;

    border-radius:20px;

    padding:30px;

    box-shadow:0 8px 24px rgba(15,23,42,.05);

}

.wpbs-form-field-total .wpbs-form-field-label{

    margin-bottom:18px;

}

.wpbs-form-field-total .wpbs-form-field-label span{

    color:#1f2937;

    font-size:20px;

    font-weight:700;

}


/**************************************************
PRICE TABLE
**************************************************/

.wpbs-total-price{

    background:#f8fbff;

    border:1px solid #e2ecfb;

    border-radius:14px;

    padding:18px;

    color:#1f2937;

}

.wpbs-total-price table{

    width:100%;

    border-collapse:collapse;

}

.wpbs-total-price td{

    padding:12px 0;

    border-bottom:1px solid #edf2f7;

    font-size:15px;

}

.wpbs-total-price tr:last-child td{

    border:none;

    font-size:22px;

    font-weight:700;

}

.wpbs-total-price td:last-child{

    text-align:right;

    font-weight:600;

}


/**************************************************
DESCRIPTION
**************************************************/

.wpbs-form-field-total small{

    display:block;

    margin-top:16px;

    color:#64748b;

    font-size:13px;

}


/**************************************************
SUBMIT BUTTON
**************************************************/

.wpbs-form-submit-button{

    margin-top:18px;

}

#wpbs-form-submit-1{

    width:100%;

    height:62px;

    border:none;

    border-radius:16px;

    background:#2563eb;

    color:#fff;

    font-size:18px;

    font-weight:700;

    letter-spacing:.3px;

    transition:.3s;

    box-shadow:0 10px 24px rgba(37,99,235,.18);

}

#wpbs-form-submit-1:hover{

    background:#1d4ed8;

    transform:translateY(-2px);

    box-shadow:0 18px 35px rgba(37,99,235,.25);

}


/**************************************************
RESPONSIVE
**************************************************/

@media(max-width:768px){

.wpbs-form-field-payment_method,
.wpbs-form-field-total{

padding:22px;

}

.wpbs-payment-method-description{

margin-left:0;

margin-top:12px;

}

.wpbs-total-price{

padding:15px;

}

.wpbs-total-price td{

font-size:14px;

}

.wpbs-total-price tr:last-child td{

font-size:19px;

}

#wpbs-form-submit-1{

height:58px;

font-size:17px;

}

}

/**************************************************
PREMIUM SUBMIT BUTTON
**************************************************/

.wpbs-form-submit-button{

    grid-column:1/-1;

    margin-top:28px;

}

#wpbs-form-submit-1{

    width:100%;

    height:68px;

    display:flex;

    align-items:center;

    justify-content:center;

    border:none;

    border-radius:18px;

    background:linear-gradient(
        135deg,
        #2563eb,
        #3b82f6
    );

    color:#fff;

    font-size:18px;

    font-weight:700;

    letter-spacing:.4px;

    cursor:pointer;

    transition:all .3s ease;

    box-shadow:
        0 12px 30px rgba(37,99,235,.18);

}



#wpbs-form-submit-1:hover{

    transform:translateY(-3px);

    background:linear-gradient(
        135deg,
        #1d4ed8,
        #2563eb
    );

    box-shadow:
        0 20px 45px rgba(37,99,235,.28);

}

#wpbs-form-submit-1:active{

    transform:scale(.98);

}

#wpbs-form-submit-1:disabled{

    opacity:.55;

    cursor:not-allowed;

    transform:none;

    box-shadow:none;

}/* End custom CSS */