/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.0
Text Domain: hello-elementor-child
*/

.header-inner , .page-header ,.site-branding ,.copyright {
    display: none !important;
}

html{
    margin-top: 0px !important;
}

/* Header */
.my-sticky-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9999;
    background:transparent !important;
    transition:.4s;
}

.my-sticky-header.scrolled{
/* 	background:#FFF1E8EB !important; */
	background:#FFF1E8DE !important;
}

.my-sticky-header .hfe-menu-item{
    color:#fff !important;
}

.my-sticky-header.scrolled .hfe-menu-item{
    color:#B46B55 !important;
}
.card{
    background: #FCF9F7;
    border: 1px solid #F0E5DE;
    border-radius: 20px;
    padding: 40px 25px;
    transition: all 0.4s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.card:hover{
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(180, 107, 85, 0.15);
    border-color: #B46B55;
}

/* testimonials */
.testimonial-section{
    overflow: hidden;
}

.testimonialSwiper{
    padding: 20px 10px;
}

.testimonial-card{
    background: #fffaf4;
    border-radius: 18px;
    padding: 30px 25px;
    text-align: center;
    min-height: 230px;
    display: flex;
    flex-direction: column;
    justify-content: center;
/*     box-shadow: 0 10px 30px rgba(0,0,0,0.08); */
    transition: all .4s ease;
}

.testimonial-card:hover{
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}

.stars{
    color: #d89a2f;
    font-size: 22px;
    letter-spacing: 3px;
    margin-bottom: 15px;
}

.testimonial-card p{
    font-size: 16px;
    line-height: 1.8;
    color: #5d4037;
    margin-bottom: 15px;
	font-family:poppins;
}

.testimonial-card h4{
    font-size: 17px;
    color: #9d4f34;
    font-weight: 600;
    margin: 0;
}

.swiper-slide{
    height: auto;
}

.menu-card{
    transition:all .3s ease;
}

.menu-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.12);
}

li#menu-item-511 a{
    display: inline-block;
    margin: 10px 0px 10px 15px;
    background-color: #F3D7C8;
    font-family: "Poppins", Sans-serif;
    font-weight: 500;
    text-decoration: none;
    fill: #8E513F;
    color: #8E513F !important;
    padding: 12px 20px;
    border-radius: 25px 25px 25px 25px;
}
@media (min-width: 1025px) {
    #menu-item-511 {
        display: none !important;
    }
}
@media (max-width: 1024px) {
    #menu-item-511 {
        display: block !important;
    }
}

.page-content a{
	text-decoration:none !important;
}

.primary-btn{
    transition:all .35s ease;
}

.primary-btn:hover{
    transform:translateY(-3px);
    border-radius: 14px;
}

.secondary-btn{
    transition:all .35s ease;
}

.secondary-btn:hover{
    border-radius: 14px;
    transform:translateY(-3px);
}

/* Responsive */

@media(max-width:1024px){

    .testimonial-section .section-title{
        font-size:38px;
    }

    .testimonial-card{
        min-height:220px;
    }
	    .booking-form{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:18px;
    }

    .reserve-btn{
        grid-column:1 / -1;
        width:100%;
        min-width:100%;
    }
}

@media(max-width:767px){

    .testimonial-section{
        padding:60px 15px;
    }

    .testimonial-section .section-title{
        font-size:32px;
    }

    .testimonial-card{
        padding:25px 20px;
        min-height:auto;
    }

    .testimonial-card p{
        font-size:15px;
    }
}

.contact-form{
    max-width:800px;
}

.form-row{
    display:flex;
    gap:20px;
    margin-bottom:18px;
}

.input-box{
    position:relative;
    flex:1;
}

.input-box input,
.input-box textarea{
    width:100%;
    border:1px solid #E5CBB5 !important;
    border-radius:12px !important;
    background:#FFFFFF4A;
    padding:16px 50px 16px 18px;
    font-size:15px;
    color:#4D2D1A;
    outline:none;
    transition:.35s;
    box-sizing:border-box;
}

.input-box textarea{
    height:150px;
    resize:none;
}

.input-box input:focus,
.input-box textarea:focus{
    border-color:#B45F33;
    box-shadow:0 0 0 4px rgba(180,95,51,.08);
}

@media(max-width:768px){
    .form-row{
        flex-direction:column;
        gap:15px;
    }
}

.booking-form{
    display:flex;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
}

.booking-input{
    position:relative;
}

.booking-input input,
.booking-input select{
	height:50px !important;
    background:transparent;
    border:1.5px solid rgba(208,140,80,.45) !important;
    border-radius:14px !important;
    color:#fff;
    font-size:16px;
    outline:none;
    transition:.3s;
}

.booking-input input::placeholder{
    color:#F5E3D4;
}

.booking-input select{
    color:#F5E3D4;
}

.booking-input option{
    color:#000;
}

.booking-input i{
    position:absolute;
    right:18px;
    top:50%;
    transform:translateY(-50%);
    color:#D89A63;
    font-size:18px;
    pointer-events:none;
}

.booking-input input:focus,
.booking-input select:focus{
    border-color:#D89A63;
    box-shadow:0 0 0 3px rgba(216,154,99,.15);
}

.reserve-btn , .send-btn{
	background:#F3D7C8;
    border:none;
    border-radius:25px;
    color:#8E513F;
    font-size:15px;
    font-weight:500;
    cursor:pointer;
    transition:.35s;
	margin-bottom:0px !important;
	padding:12px 24px 12px 24px !important;
}
.reserve-btn br, .send-btn br {
    display: none !important;
}
.reserve-btn i{
    margin-left:12px;
    transition:.3s;
}

.reserve-btn:hover, .send-btn:hover{
    background:#FFFFFFE0 !important;
    color:#8E513F;
    transform:translateY(-2px);
}

.reserve-btn:hover i{
    transform:translateX(6px);
}
/* Tablet */
@media (max-width:1024px){

    .booking-form{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:18px;
    }

    .reserve-btn{
        width:100%;
        grid-column:1/-1;
    }
	.my-sticky-header.scrolled .hfe-menu-item{
    color:#fff !important;
    }

}

/* Mobile */
@media (max-width:767px){

    .booking-form{
        display:flex;
        flex-direction:column;
        gap:15px;
    }
	.my-sticky-header.scrolled .hfe-menu-item{
    color:#fff !important;
    }

    .booking-input,
    .booking-input input,
    .booking-input select,
    .reserve-btn{
        width:100%;
    }

}

.reservation-popup{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.6);
    z-index:99999;
    justify-content:center;
    align-items:center;
}

.reservation-popup-content{
    background:#fff;
    max-width:450px;
    width:90%;
    padding:35px;
    border-radius:12px;
    text-align:center;
    position:relative;
}

.reservation-popup-content h3{
    margin-bottom:15px;
    color:#5c2b15;
}

.popup-btn{
    margin-top:20px;
    background:#B46B55;
    color:#fff;
    border:none;
    padding:12px 30px;
    border-radius:30px;
    cursor:pointer;
}

.close-popup{
    position:absolute;
    top:15px;
    right:20px;
    font-size:24px;
    cursor:pointer;
}

.wpcf7-response-output{
	display:none;
}