/*
Theme Name: Home Feast
Theme URI: https://homefeastt.com/
Author: Home Feast
Description: Custom responsive WordPress theme converted from the Home Feast Vercel design.
Version: 1.1.2
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: home-feast
*/

/* ==================================================
HOME FEAST - PREMIUM FOOD BRAND CSS
================================================== */


*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


html{
    scroll-behavior:smooth;
}


body{

    font-family:'Inter',sans-serif;
    color:#2B1B14;
    background:#FFF7ED;

}



h1,
h2,
h3{

    font-family:'Playfair Display',serif;

}




/* ================= LOADER ================= */


#loader{

    transition:.5s ease;

}


#home {
    padding-top: 45px !important;
    padding-bottom: 70px !important;
}
/* ================= NAVBAR ================= */


.glass-nav{

    background:rgba(255,247,237,.85);

    backdrop-filter:blur(15px);

    box-shadow:
    0 10px 30px rgba(0,0,0,.08);

}



.nav-link{

    position:relative;

    transition:.3s;

}



.nav-link:hover{

    color:#E86A1C;

}




/* ================= HERO ================= */


.hero-image {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 480px !important;
    max-height: 480px !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 35px !important;
}



.trust-box{


background:white;

padding:15px;

border-radius:20px;

text-align:center;

font-size:14px;

font-weight:600;

box-shadow:

0 15px 35px rgba(0,0,0,.08);


transition:.3s;

}



.trust-box:hover{

transform:translateY(-8px);

}




.floating-card{


position:absolute;

background:white;

padding:18px 25px;

border-radius:25px;

font-weight:600;

font-size:14px;

box-shadow:

0 20px 40px rgba(0,0,0,.12);

animation:

float 4s infinite ease-in-out;


}



@keyframes float{


0%,100%{

transform:translateY(0);

}


50%{

transform:translateY(-15px);

}


}








/* ================= GENERAL ================= */


.section-title{


font-size:45px;

font-weight:800;

line-height:1.2;

}



@media(max-width:768px){


.section-title{

font-size:34px;

}

}





/* ================= FEATURE CARDS ================= */


.feature-card{


background:white;

padding:35px;

border-radius:30px;


box-shadow:

0 20px 50px rgba(0,0,0,.06);


transition:.4s;


}



.feature-card:hover{


transform:translateY(-12px);


box-shadow:

0 25px 60px rgba(0,0,0,.12);


}



.feature-card h3{

font-size:24px;

margin-top:15px;

margin-bottom:10px;

}



.icon{

font-size:45px;

}







/* ================= COUNTERS ================= */



.counter-box{


background:white;

padding:30px 20px;

border-radius:25px;


box-shadow:

0 15px 40px rgba(0,0,0,.06);


}



.counter-box h3{


font-size:38px;

color:#E86A1C;

font-weight:800;


}







/* ================= PROCESS ================= */



.process-card{


background:#FFF7ED;

padding:40px;

border-radius:35px;

text-align:center;


transition:.3s;


}



.process-card:hover{


transform:scale(1.05);


}




.step{


width:70px;

height:70px;

margin:auto;

display:flex;

align-items:center;

justify-content:center;

background:#E86A1C;

color:white;

border-radius:50%;


font-size:25px;

font-weight:bold;


margin-bottom:25px;

}







/* ================= FOOD CATEGORY ================= */


.food-category{


background:white;

border-radius:35px;

overflow:hidden;

box-shadow:

0 20px 40px rgba(0,0,0,.08);


transition:.4s;

}



.food-category:hover{


transform:translateY(-10px);


}




.food-category img{


width:100%;

height:250px;

object-fit:cover;

}



.food-category div{


padding:25px;


}



.food-category button{


margin-top:15px;

background:#E86A1C;

color:white;

padding:10px 25px;

border-radius:30px;

border:none;


}







/* ================= MENU CARDS ================= */



.menu-card{


background:white;

padding:20px;

border-radius:30px;


box-shadow:

0 20px 40px rgba(0,0,0,.08);


transition:.3s;


}



.menu-card:hover{


transform:translateY(-10px);


}



.menu-card img{


height:220px;

width:100%;

object-fit:cover;

border-radius:25px;


}



.menu-card h3{


font-size:22px;

margin:20px 0 10px;

}



.veg{


background:#3A7D44;

color:white;

padding:5px 12px;

border-radius:20px;

font-size:12px;


}



.menu-card button{


width:100%;

margin-top:15px;

background:#E86A1C;

color:white;

padding:12px;

border-radius:25px;

border:none;

font-weight:600;


}








/* ================= BENEFITS ================= */


.benefit-item{


display:flex;

gap:20px;

align-items:flex-start;


background:white;

padding:20px;

border-radius:25px;

box-shadow:

0 10px 30px rgba(0,0,0,.06);


}



.benefit-item:first-letter{

font-size:30px;

}








/* ================= PRICING ================= */


.pricing-card{


background:white;

padding:40px;

border-radius:35px;


box-shadow:

0 20px 50px rgba(0,0,0,.08);


position:relative;

transition:.4s;


}



.pricing-card:hover{

transform:translateY(-10px);

}



.pricing-card h3{


font-size:28px;

}



.pricing-card h2{


font-size:45px;

margin:20px 0;

}



.pricing-card span{


font-size:16px;

}



.pricing-card li{


margin:15px 0;

}



.pricing-card button{


background:#E86A1C;

color:white;

padding:14px 30px;

border-radius:30px;

border:none;

margin-top:25px;


}



.featured{


border:3px solid #E86A1C;

transform:scale(1.05);


}



.popular{


position:absolute;

top:-15px;

left:50%;

transform:translateX(-50%);


background:#D4A017;

color:white;

padding:8px 20px;

border-radius:20px;

font-size:13px;

}





/* ================= TESTIMONIAL ================= */



.testimonial-wrapper{


position:relative;

max-width:600px;

margin:auto;


}



.testimonial{


display:none;

background:white;

padding:40px;

border-radius:35px;

text-align:center;


}



.testimonial.active{


display:block;

animation:

fade .5s ease;


}



.testimonial img{


width:80px;

height:80px;

border-radius:50%;

margin:auto;

object-fit:cover;


}



@keyframes fade{


from{

opacity:0;

}


to{

opacity:1;

}


}








/* ================= LOCATION ================= */


.location-card{


background:#FFF7ED;

padding:35px;

border-radius:30px;

text-align:center;

transition:.3s;


}



.location-card:hover{


background:white;

box-shadow:

0 20px 40px rgba(0,0,0,.08);


}



.delivery-badge{


background:#3A7D44;

color:white;

padding:15px 30px;

border-radius:30px;

font-weight:bold;


}








/* ================= INGREDIENT ================= */


.ingredient{


background:white;

padding:18px;

border-radius:20px;

font-weight:600;

box-shadow:

0 10px 25px rgba(0,0,0,.05);


}








/* ================= PROMISE ================= */


.promise-box{


background:#2B1B14;

color:white;

padding:70px 40px;

border-radius:50px;

text-align:center;


}



.promise-box h2{


font-size:40px;


}








/* ================= FAQ ================= */


.faq{


border-bottom:1px solid #ddd;

padding:20px 0;


}



.faq button{


width:100%;

display:flex;

justify-content:space-between;

font-size:20px;

font-weight:600;

background:none;

border:none;

cursor:pointer;


}



.faq p{


max-height:0;

overflow:hidden;

transition:.4s;

color:#666;


}



.faq.active p{


max-height:100px;

padding-top:15px;


}







/* ================= CONTACT ================= */



.contact-input{


width:100%;

padding:18px;

border-radius:20px;

border:none;

background:white;

outline:none;


box-shadow:

0 10px 30px rgba(0,0,0,.05);


}








/* ================= SCROLL ANIMATION ================= */


.reveal{


opacity:0;

transform:translateY(40px);

transition:.8s;


}



.reveal.show{


opacity:1;

transform:translateY(0);


}








/* ================= BUTTON EFFECT ================= */


button,
a{


transition:.3s;


}



button:hover,
a:hover{


cursor:pointer;


}







/* ================= RESPONSIVE ================= */


@media(max-width:768px){


.hero-image{

height:450px;

}



.floating-card{


font-size:12px;

padding:12px;

}



.promise-box h2{

font-size:28px;

}



.section-title{

font-size:32px;

}


.featured{

transform:none;

}


}
@media (max-width: 1023px) {
    .hero-image {
        height: 420px !important;
        max-height: 420px !important;
    }
}
@media (max-width: 640px) {
    .hero-image {
        height: 320px !important;
        max-height: 320px !important;
    }
}
 body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
li {
    cursor: default;
}

/* ==================================================
LOCAL UTILITY CLASSES (compiled replacement for Tailwind CDN)
================================================== */
.bg-brown{background-color:#2B1B14}.bg-cream{background-color:#FFF7ED}.bg-green{background-color:#3A7D44}.bg-orange-100{background-color:#ffedd5}.bg-primary{background-color:#E86A1C}.bg-white{background-color:#fff}
.text-brown{color:#2B1B14}.text-primary{color:#E86A1C}.text-white{color:#fff}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-600{color:#4b5563}
.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.top-0{top:0}.top-10{top:2.5rem}.left-0{left:0}.left-10{left:2.5rem}.right-6{right:1.5rem}.bottom-5{bottom:1.25rem}.bottom-6{bottom:1.5rem}.bottom-20{bottom:5rem}.-left-8{left:-2rem}.-right-8{right:-2rem}
.z-40{z-index:40}.z-50{z-index:50}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.flex{display:flex}.grid{display:grid}.hidden{display:none}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.gap-14{gap:3.5rem}.space-y-5>*+*{margin-top:1.25rem}
.w-full{width:100%}.w-12{width:3rem}.h-12{height:3rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}
.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}
.p-10{padding:2.5rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.pt-36{padding-top:9rem}.pb-20{padding-bottom:5rem}.pb-24{padding-bottom:6rem}
.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-display{font-family:'Playfair Display',serif}.leading-tight{line-height:1.25}
.border{border-width:1px;border-style:solid}.border-primary{border-color:#E86A1C}.border-gray-700{border-color:#374151}.rounded-full{border-radius:9999px}.rounded-b-3xl{border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}.rounded-\[40px\]{border-radius:40px}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}
.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
.transition{transition-property:color,background-color,border-color,transform,opacity,box-shadow;transition-duration:.15s}.transition-all{transition-property:all}.duration-500{transition-duration:.5s}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:bg-primary:hover{background-color:#E86A1C}.hover\:text-white:hover{color:#fff}
.animate-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}
@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:1024px){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:p-16{padding:4rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-7xl{font-size:4.5rem;line-height:1}}
@media(max-width:1023px){.hero-image{height:auto;max-height:560px;width:100%}.floating-card{display:none}}


/* Header visibility hardening */
.homefeast-header{position:fixed;top:0;left:0;width:100%;z-index:9999;background:rgba(255,247,237,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 24px rgba(43,27,20,.08);transition:all .3s ease}
.admin-bar .homefeast-header{top:32px}
.homefeast-header nav{min-height:82px}
.homefeast-logo{display:flex;align-items:center;flex-shrink:0;color:#E86A1C;font-family:'Playfair Display',serif;font-size:1.875rem;font-weight:700;line-height:1;text-decoration:none}
.homefeast-logo .custom-logo-link{display:flex;align-items:center}
.homefeast-logo img,.homefeast-logo .custom-logo{display:block;width:auto;max-width:190px;max-height:64px;height:auto}
.homefeast-header a{text-decoration:none}
.homefeast-menu-toggle{appearance:none;border:0;background:transparent;color:#2B1B14;line-height:1;padding:.35rem}
@media(max-width:782px){.admin-bar .homefeast-header{top:46px}}
@media(max-width:1023px){.homefeast-header nav{min-height:72px}.homefeast-logo{font-size:1.6rem}.homefeast-logo img,.homefeast-logo .custom-logo{max-width:155px;max-height:54px}}


/* ==================================================
V1.1.2 HEADER + HERO LAYOUT FIX
================================================== */
html,body{width:100%;max-width:100%;overflow-x:hidden}
.homefeast-header{
  position:sticky!important;top:0!important;left:auto!important;width:100%!important;
  z-index:99999!important;display:block!important;visibility:visible!important;opacity:1!important;
  background:#FFF7ED!important;border-top:3px solid #2B1B14;
  border-bottom:1px solid rgba(43,27,20,.10);box-shadow:0 8px 24px rgba(43,27,20,.08)
}
.admin-bar .homefeast-header{top:32px!important}
.homefeast-nav-wrap{
  width:min(1280px,100%);min-height:82px;margin:0 auto;padding:0 24px;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px
}
.homefeast-logo{display:flex!important;align-items:center!important;min-width:max-content;color:#E86A1C!important;
  font-family:'Playfair Display',serif;font-size:30px;font-weight:800;text-decoration:none!important;line-height:1}
.homefeast-logo-image{display:block!important;width:auto!important;height:auto!important;max-width:180px!important;max-height:58px!important;object-fit:contain}
.homefeast-desktop-nav{display:flex!important;align-items:center;justify-content:center;gap:28px;margin-left:auto}
.homefeast-desktop-nav a{display:inline-block!important;color:#2B1B14!important;font-weight:600;text-decoration:none!important;white-space:nowrap}
.homefeast-desktop-nav a:hover{color:#E86A1C!important}
.homefeast-header-cta{display:inline-flex!important;align-items:center;justify-content:center;background:#E86A1C!important;color:#fff!important;
  padding:12px 26px;border-radius:999px;font-weight:700;text-decoration:none!important;white-space:nowrap}
.homefeast-menu-toggle{display:none!important;border:0;background:transparent;color:#2B1B14;font-size:30px;padding:8px;line-height:1}
.homefeast-mobile-nav{display:none;background:#fff;padding:10px 24px 22px;border-top:1px solid rgba(43,27,20,.08)}
.homefeast-mobile-nav:not(.hidden){display:block!important}
.homefeast-mobile-nav a{display:block;color:#2B1B14;text-decoration:none;padding:11px 0;font-weight:600}
#home{padding-top:64px!important;padding-bottom:72px!important}
#home>.max-w-7xl{width:min(1280px,100%);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}
#home>.max-w-7xl>*{min-width:0}
.hero-image{display:block;width:100%!important;max-width:100%!important;height:560px!important;max-height:560px!important;object-fit:cover!important;border-radius:40px}
@media(max-width:1100px){
 .homefeast-desktop-nav{gap:18px}.homefeast-desktop-nav a{font-size:14px}.homefeast-header-cta{padding:11px 20px}
}
@media (max-width: 1023px) {
    .hero-image {
        height: 420px !important;
        max-height: 420px !important;
    }
}
@media(max-width:782px){.admin-bar .homefeast-header{top:46px!important}}
@media (max-width: 640px) {
    .hero-image {
        height: 320px !important;
        max-height: 320px !important;
    }
}
/* FINAL HEADER OVERRIDE */

#navbar.homefeast-header {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-height: 82px !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    z-index: 99999 !important;
    background: #fff7ed !important;
}

#navbar .homefeast-nav-wrap {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: 100% !important;
    max-width: 1280px !important;
    min-height: 82px !important;
    margin: 0 auto !important;
    padding: 0 30px !important;
    align-items: center !important;
    justify-content: space-between !important;
}

#navbar .homefeast-logo,
#navbar .homefeast-desktop-nav,
#navbar .homefeast-header-cta {
    visibility: visible !important;
    opacity: 1 !important;
}

#navbar .homefeast-logo {
    display: flex !important;
    color: #e86a1c !important;
}

#navbar .homefeast-logo span {
    display: inline-block !important;
    color: #e86a1c !important;
    font-size: 30px !important;
    font-weight: 800 !important;
}

#navbar .homefeast-desktop-nav {
    display: flex !important;
}

#navbar .homefeast-desktop-nav a {
    display: inline-block !important;
    color: #2b1b14 !important;
}

#navbar .homefeast-header-cta {
    display: inline-flex !important;
    color: #ffffff !important;
    background: #e86a1c !important;
}

@media (max-width: 1023px) {
    #navbar .homefeast-desktop-nav,
    #navbar .homefeast-header-cta {
        display: none !important;
    }

    #navbar .homefeast-menu-toggle {
        display: block !important;
    }
}
/* Final responsive header rules */

#navbar a {
    visibility: visible !important;
    opacity: 1 !important;
}

#navbar .homefeast-desktop-menu a:hover {
    color: #E86A1C !important;
}

#mobileMenu a {
    display: block;
    padding: 11px 0;
    color: #2B1B14;
    font-weight: 600;
    text-decoration: none;
}

#mobileMenu.menu-open {
    display: block !important;
}

@media (max-width: 1050px) {
    #navbar .homefeast-desktop-menu,
    #navbar .homefeast-desktop-order {
        display: none !important;
    }

    #navbar .homefeast-mobile-button {
        display: block !important;
    }
}
.homefeast-mobile-nav {
    display: none;
    padding: 10px 24px 22px;
    background: #ffffff;
    border-top: 1px solid rgba(43, 27, 20, 0.10);
}

.homefeast-mobile-nav.menu-open {
    display: block !important;
}

.homefeast-mobile-nav a {
    display: block;
    padding: 11px 0;
    color: #2b1b14;
    font-weight: 600;
    text-decoration: none;
}

#navbar .homefeast-desktop-menu a:hover {
    color: #e86a1c !important;
}

@media (max-width: 1050px) {
    #navbar .homefeast-desktop-menu,
    #navbar .homefeast-desktop-order {
        display: none !important;
    }

    #navbar .homefeast-mobile-button {
        display: block !important;
    }
}