/* Hariyali Kitchen Araria - theme uses CSS vars set inline from admin settings.
   Flat colors only, no gradients. */
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--color-surface);color:var(--color-text);font-family:var(--font-body),system-ui,sans-serif;line-height:1.55}
a{color:var(--color-secondary);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4,h5{font-family:var(--font-heading),serif;color:var(--color-text);margin:0 0 .6rem}
img{max-width:100%;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 16px}

/* Icons */
.hi{display:inline-block;vertical-align:-3px;flex-shrink:0}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:6px;padding:.55rem 1rem;border-radius:6px;font-weight:500;border:2px solid transparent;cursor:pointer;line-height:1;white-space:nowrap}
.btn.has_icon .hi{margin-right:2px}
.btn_primary{background:var(--color-primary);color:#111;border-color:var(--color-primary)}
.btn_primary:hover{background:#b68f1f;border-color:#b68f1f;text-decoration:none;color:#111}
.btn_secondary{background:var(--color-secondary);color:#fff;border-color:var(--color-secondary)}
.btn_outline{background:transparent;color:var(--color-secondary);border-color:var(--color-secondary)}
.btn_outline:hover{background:var(--color-secondary);color:#fff;text-decoration:none}
.btn_outline_light{background:transparent;color:#fff;border-color:#fff}
.btn_outline_light:hover{background:#fff;color:var(--color-secondary);text-decoration:none}
.btn_icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--color-secondary);border-radius:50%;color:var(--color-secondary)}
.btn_icon:hover{background:var(--color-secondary);color:#fff;text-decoration:none}
.cart_count{position:absolute;top:-6px;right:-6px;background:var(--color-primary);color:#111;border-radius:10px;font-size:11px;font-weight:700;padding:1px 6px;min-width:18px;text-align:center;border:2px solid var(--color-surface)}

/* HEADER 1 */
.top_header{background:var(--color-secondary);color:#fff;font-size:13px}
.top_header_inner{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;flex-wrap:wrap;gap:8px}
.top_header a{color:#fff;display:inline-flex;align-items:center;gap:5px}
.top_header .sep{margin:0 8px;opacity:.5}
.top_socials{display:inline-flex;gap:6px;align-items:center}
.soc_top{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;transition:all .2s}
.soc_top:hover{background:var(--color-primary);color:#111;border-color:var(--color-primary);text-decoration:none}

/* HEADER 2 */
.main_header{background:var(--color-surface);border-bottom:3px solid var(--color-primary);position:sticky;top:0;z-index:20;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.main_header_inner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px}
.brand img{height:42px;width:42px;object-fit:cover;border-radius:50%}
.brand_text{font-family:var(--font-heading),serif;color:var(--color-secondary);font-weight:700;font-size:1.25rem}
.main_nav{display:flex;gap:18px;flex-wrap:wrap}
.main_nav a{color:var(--color-text);font-weight:500;display:inline-flex;align-items:center;gap:4px}
.main_nav a:hover{color:var(--color-primary)}
.main_actions{display:flex;gap:8px;align-items:center}

/* Notification ticker (below header 2) */
.notice_ticker{background:#FFF7DC;border-bottom:1px solid var(--color-primary);overflow:hidden}
.notice_ticker_inner{display:flex;align-items:center;gap:12px;padding:8px 16px}
.notice_badge{display:inline-flex;align-items:center;gap:5px;background:var(--color-primary);color:#111;font-weight:700;font-size:12px;padding:4px 10px;border-radius:14px;flex-shrink:0;text-transform:uppercase;letter-spacing:.5px}
.notice_track_wrap{flex:1;overflow:hidden;position:relative}
.notice_track{display:flex;gap:40px;white-space:nowrap;animation:ticker 40s linear infinite;width:max-content}
.notice_track:hover{animation-play-state:paused}
.notice_item{color:var(--color-secondary);font-size:14px}
.notice_item strong{color:#111;margin-right:4px}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Alerts */
.alert{margin:12px auto;padding:10px 14px;border-radius:6px}
.alert_success{background:#E6F4EA;color:#1E4C2B;border:1px solid #9CCFA6}
.alert_error{background:#FDECEC;color:#8A1C1C;border:1px solid #F0A3A3}

/* HERO / CAROUSEL */
.hero_carousel{position:relative;overflow:hidden;background:#111;margin-bottom:20px}
.hero_carousel .slides{display:flex;transition:transform .6s ease}
.hero_carousel .slide{flex:0 0 100%;min-height:360px;background-size:cover;background-position:center;position:relative;color:#fff}
.hero_carousel .slide .overlay{position:absolute;inset:0;background:rgba(30,76,138,.55)}
.hero_carousel .slide .caption{position:relative;padding:80px 24px;max-width:800px;margin:0 auto;text-align:center}
.hero_carousel .slide h1{font-size:2.2rem;color:#fff}
.hero_carousel .slide p{font-size:1.1rem}
.hero_carousel .nav_btn{position:absolute;top:50%;transform:translateY(-50%);background:var(--color-primary);color:#111;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:18px}
.hero_carousel .prev{left:10px}.hero_carousel .next{right:10px}
.hero_carousel .dots{position:absolute;bottom:12px;left:0;right:0;text-align:center}
.hero_carousel .dots button{width:10px;height:10px;border-radius:50%;border:none;margin:0 4px;background:#fff;opacity:.5;cursor:pointer}
.hero_carousel .dots button.active{opacity:1;background:var(--color-primary)}

/* Sections */
.section{padding:40px 0}
.section_title{text-align:center;margin-bottom:24px}
.section_title small{color:var(--color-muted);display:block;letter-spacing:2px;text-transform:uppercase;font-size:12px}
.section_title h2{color:var(--color-secondary)}

.grid{display:grid;gap:18px}
.grid_4{grid-template-columns:repeat(4,1fr)}
.grid_3{grid-template-columns:repeat(3,1fr)}
.grid_2{grid-template-columns:repeat(2,1fr)}
@media (max-width:900px){.grid_4{grid-template-columns:repeat(2,1fr)}.grid_3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.grid_4,.grid_3,.grid_2{grid-template-columns:1fr}.main_nav{gap:10px;font-size:14px}}

.card{background:#fff;border:1px solid #eee;border-radius:8px;padding:16px;transition:box-shadow .2s}
.card:hover{box-shadow:0 6px 20px rgba(0,0,0,.08)}
.card h3{color:var(--color-secondary);font-size:1.1rem}
.card .price{color:var(--color-primary);font-weight:700;font-size:1.1rem}
.card .veg{display:inline-block;width:14px;height:14px;border:2px solid #2e7d32;margin-right:6px;vertical-align:middle}
.card .veg::after{content:"";display:block;width:6px;height:6px;background:#2e7d32;border-radius:50%;margin:2px auto}

.service_card{border:1px solid #eee;padding:20px;border-radius:8px;text-align:center;background:#fff}
.service_card .icon{width:56px;height:56px;border-radius:50%;background:var(--color-primary);color:#111;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-weight:700}

/* Services carousel */
.svc_carousel{overflow:hidden;position:relative}
.svc_track{display:flex;gap:16px;transition:transform .5s ease;overflow-x:auto;scroll-behavior:smooth}
.svc_track::-webkit-scrollbar{display:none}
.svc_track > *{flex:0 0 calc(25% - 12px);min-width:220px}
@media (max-width:900px){.svc_track > *{flex:0 0 calc(50% - 8px)}}
@media (max-width:600px){.svc_track > *{flex:0 0 100%}}
.svc_arrows{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;pointer-events:none}
.svc_arrows button{pointer-events:auto;background:var(--color-primary);border:none;width:36px;height:36px;border-radius:50%;cursor:pointer}

/* Notice bar (on pages) */
.notice_bar{background:#FFF7DC;border:1px solid var(--color-primary);padding:10px 16px;border-radius:6px;margin:16px 0}
.notice_bar strong{color:var(--color-secondary);margin-right:6px}

/* Forms */
.form_row{margin-bottom:14px}
label{display:block;margin-bottom:6px;font-weight:500;color:var(--color-text)}
input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=url],select,textarea{
  width:100%;padding:.55rem .7rem;border:1px solid #ddd;border-radius:6px;font:inherit;color:inherit;background:#fff
}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-secondary)}
textarea{min-height:100px}
.form_panel{background:#fff;border:1px solid #eee;border-radius:8px;padding:22px;max-width:540px;margin:24px auto}
.form_panel.wide{max-width:960px}
.form_row_2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:600px){.form_row_2{grid-template-columns:1fr}}

/* Tables */
table.data{width:100%;border-collapse:collapse;background:#fff;border:1px solid #eee;border-radius:8px;overflow:hidden}
table.data th,table.data td{padding:10px 12px;border-bottom:1px solid #f1f1f1;text-align:left;font-size:14px}
table.data th{background:var(--color-secondary);color:#fff}
.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;background:#eee}
.badge.paid{background:#d4edda;color:#155724}
.badge.pending{background:#fff3cd;color:#856404}
.badge.failed{background:#f8d7da;color:#721c24}

/* ========== FOOTER ========== */
.site_footer{background:var(--color-secondary);color:#fff;margin-top:50px}
.site_footer h4{color:var(--color-primary);margin-bottom:14px;font-size:1.05rem;text-transform:uppercase;letter-spacing:1px}
.site_footer a{color:#fff}
.site_footer a:hover{color:var(--color-primary);text-decoration:none}

.footer_cta{background:var(--color-primary);color:#111;padding:26px 0;border-bottom:4px solid var(--color-secondary)}
.footer_cta h3{color:#111;margin:0;font-size:1.5rem}
.footer_cta p{margin:4px 0 0}
.footer_cta_inner{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:0 16px}
.footer_cta_actions{display:flex;gap:10px;flex-wrap:wrap}

.footer_grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:30px;padding:40px 16px 20px}
@media (max-width:900px){.footer_grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.footer_grid{grid-template-columns:1fr}}

.f_col ul{list-style:none;padding:0;margin:0}
.f_col li{margin:6px 0}
.f_brand{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.f_brand img{height:40px;width:40px;border-radius:50%}
.f_brand span{font-family:var(--font-heading),serif;font-size:1.2rem;color:var(--color-primary);font-weight:700}

.f_contact li{display:flex;align-items:flex-start;gap:8px;font-size:14px;opacity:.92}
.f_contact .hi{color:var(--color-primary);flex-shrink:0;margin-top:2px}

.f_links li a{position:relative;padding-left:14px;font-size:14px}
.f_links li a::before{content:"›";position:absolute;left:0;color:var(--color-primary);font-weight:700}

.f_muted{opacity:.8;font-size:13px;margin:0 0 10px}
.f_news_row{display:flex;gap:8px}
.f_news_row input{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);color:#fff}
.f_news_row input::placeholder{color:rgba(255,255,255,.6)}
.f_news_row input:focus{border-color:var(--color-primary)}
.f_news_row button{flex-shrink:0}

.f_socials{display:flex;gap:10px;flex-wrap:wrap}
.f_soc{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#fff;transition:all .2s}
.f_soc:hover{background:var(--color-primary);color:#111;border-color:var(--color-primary);transform:translateY(-2px);text-decoration:none}
.f_soc_facebook:hover{background:#1877F2;border-color:#1877F2;color:#fff}
.f_soc_instagram:hover{background:#E1306C;border-color:#E1306C;color:#fff}
.f_soc_youtube:hover{background:#FF0000;border-color:#FF0000;color:#fff}
.f_soc_whatsapp:hover{background:#25D366;border-color:#25D366;color:#fff}
.f_soc_twitter:hover{background:#1DA1F2;border-color:#1DA1F2;color:#fff}
.f_soc_linkedin:hover{background:#0A66C2;border-color:#0A66C2;color:#fff}

.footer_bar{background:rgba(0,0,0,.2);padding:14px 0;font-size:13px}
.footer_bar_inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:0 16px}
.footer_bar_links .sep{margin:0 8px;opacity:.5}

/* Back to top */
#back_to_top{position:fixed;left:18px;bottom:22px;width:42px;height:42px;border-radius:50%;background:var(--color-secondary);color:#fff;border:none;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.2);z-index:998}
#back_to_top:hover{background:var(--color-primary);color:#111}
#back_to_top.visible{display:flex}

/* ========== CHATBOT ========== */
#hka_chatbot [hidden]{display:none !important}
#hka_chatbot{position:fixed;right:18px;bottom:22px;z-index:999;font-family:var(--font-body),sans-serif}
.hka_chat_toggle{display:inline-flex;align-items:center;gap:8px;background:var(--color-primary);color:#111;border:none;padding:12px 18px;border-radius:30px;font-weight:700;cursor:pointer;box-shadow:0 8px 24px rgba(201,162,39,.45);transition:all .25s;position:relative}
.hka_chat_toggle:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(201,162,39,.55)}
.hka_chat_toggle .hi{color:#111}
.hka_chat_label{font-size:14px}
.hka_chat_dot{position:absolute;top:8px;right:10px;width:10px;height:10px;border-radius:50%;background:#E53935;border:2px solid #fff;animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}

.hka_chat_box{width:340px;height:460px;background:#fff;border:1px solid #e6e6e6;border-radius:14px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.22);margin-top:10px;animation:chatIn .25s ease-out}
@keyframes chatIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:420px){.hka_chat_box{width:calc(100vw - 36px)}}

.hka_chat_head{background:var(--color-secondary);color:#fff;padding:12px 14px;display:flex;align-items:center;gap:10px}
.hka_chat_avatar{width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:#111;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hka_chat_title{flex:1;line-height:1.2}
.hka_chat_title b{display:block;font-size:15px}
.hka_chat_title small{font-size:11px;opacity:.85;display:inline-flex;align-items:center;gap:5px}
.hka_chat_online{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4CAF50;box-shadow:0 0 0 2px rgba(76,175,80,.3)}
.hka_chat_x{background:transparent;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:4px;display:inline-flex}
.hka_chat_x:hover{background:rgba(255,255,255,.15)}

.hka_chat_log{flex:1;padding:14px 12px;overflow-y:auto;background:#F7F8FA;display:flex;flex-direction:column;gap:8px}
.hka_chat_log::-webkit-scrollbar{width:6px}
.hka_chat_log::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}
.hka_msg_wrap{display:flex;align-items:flex-end;gap:6px;max-width:85%}
.hka_msg_wrap.user{margin-left:auto;flex-direction:row-reverse}
.hka_msg_wrap.admin,.hka_msg_wrap.bot{margin-right:auto}
.hka_msg_avatar{width:26px;height:26px;border-radius:50%;background:var(--color-secondary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hka_msg_wrap.user .hka_msg_avatar{background:var(--color-primary);color:#111}

.msg{padding:9px 13px;border-radius:14px;font-size:14px;line-height:1.4;word-wrap:break-word;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.msg.user{background:var(--color-primary);color:#111;border-bottom-right-radius:4px}
.msg.admin{background:#fff;color:#111;border:1px solid #eee;border-bottom-left-radius:4px}
.msg.bot{background:var(--color-secondary);color:#fff;border-bottom-left-radius:4px}

.hka_chat_form{display:flex;align-items:center;border-top:1px solid #eee;padding:8px;gap:6px;background:#fff}
.hka_chat_form input{flex:1;border:1px solid #e0e0e0;padding:10px 14px;border-radius:20px;background:#F5F5F7}
.hka_chat_form input:focus{border-color:var(--color-primary);background:#fff}
.hka_chat_form button{background:var(--color-primary);border:none;width:40px;height:40px;border-radius:50%;color:#111;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}
.hka_chat_form button:hover{background:var(--color-secondary);color:#fff;transform:scale(1.05)}

.hka_chat_foot{padding:6px;text-align:center;font-size:11px;color:var(--color-muted);background:#fff;border-top:1px solid #f0f0f0}

/* Panel layout */
.panel_wrap{display:grid;grid-template-columns:240px 1fr;gap:20px;padding:20px 16px}
@media (max-width:900px){.panel_wrap{grid-template-columns:1fr}}
.panel_side{background:#fff;border:1px solid #eee;border-radius:8px;padding:14px;height:fit-content}
.panel_side a{display:block;padding:8px 10px;border-radius:6px;color:var(--color-text);margin-bottom:4px}
.panel_side a:hover,.panel_side a.active{background:var(--color-secondary);color:#fff;text-decoration:none}
.panel_main{background:#fff;border:1px solid #eee;border-radius:8px;padding:20px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
@media (max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}}
.stat_card{background:var(--color-secondary);color:#fff;padding:14px;border-radius:8px}
.stat_card b{display:block;font-size:1.4rem;color:var(--color-primary)}