/*
Theme Name: Layali
Theme URI: https://layali.pk
Description: Layali — luxury rooftop dining theme. Black & white aesthetic with full page templates for Home, Menu, Sheesha, About, Contact and Terms. Standalone theme — no parent required.
Author: Layali
Author URI: https://layali.pk
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: layali
Tags: restaurant, one-column, custom-menu, featured-images, full-width-template, theme-options
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap');

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
:root{--lb:#0a0a0a;--lw:#fff;--lg:#a0a0a0;--ll:rgba(255,255,255,.15);--lld:rgba(0,0,0,.12);--lf-d:'Cormorant Garamond',Georgia,serif;--lf-b:'Inter',system-ui,sans-serif}
body{margin:0;background:var(--lb);color:#fff;font-family:var(--lf-b);font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;transition:opacity .3s}
a:hover{opacity:.7}
img{max-width:100%;display:block}

/* Announcement */
.layali-announce{background:#fff;color:#0a0a0a;text-align:center;padding:8px 16px;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;font-weight:500}
.layali-announce span{margin:0 16px;opacity:.7}

/* Nav */
.layali-nav{position:sticky;top:0;z-index:100;background:rgba(10,10,10,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--ll)}
.layali-nav__inner{max-width:1280px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.layali-logo{font-family:var(--lf-d);font-size:1.6rem;letter-spacing:.5em;font-weight:400;color:#fff}
.layali-nav__links{display:flex;gap:36px;list-style:none;margin:0;padding:0}
.layali-nav__links a{font-size:.78rem;letter-spacing:.25em;text-transform:uppercase;position:relative;padding:6px 0;color:#fff}
.layali-nav__links a.active::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:#fff}
.layali-nav__cta{padding:10px 22px;border:1px solid #fff;font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;transition:all .3s;color:#fff}
.layali-nav__cta:hover{background:#fff;color:#0a0a0a;opacity:1}
.layali-burger{display:none;background:none;border:0;cursor:pointer;padding:8px}
.layali-burger span{display:block;width:24px;height:1px;background:#fff;margin:5px 0}

/* Sections */
.layali-section{padding:120px 0}
.layali-section--dark{background:#0a0a0a;color:#fff}
.layali-section--light{background:#fff;color:#0a0a0a}
.layali-section--gradient{background:linear-gradient(180deg,#000,#0a0a0a);color:#fff}
.layali-container{max-width:1200px;margin:0 auto;padding:0 24px}
.layali-section__head{text-align:center;margin-bottom:64px}
.layali-h1{font-family:var(--lf-d);font-weight:300;font-size:clamp(2.5rem,6vw,5rem);margin:16px 0;letter-spacing:1px;line-height:1.1;color:inherit}
.layali-h2{font-family:var(--lf-d);font-weight:300;font-size:clamp(2rem,4vw,3.5rem);margin:8px 0 16px;letter-spacing:.5px;line-height:1.15;color:inherit}
.layali-h3{font-family:var(--lf-d);font-weight:400;font-size:1.5rem;margin:0 0 12px;letter-spacing:.05em;color:inherit}
.layali-eyebrow{font-size:.72rem;letter-spacing:.4em;text-transform:uppercase;margin:0;opacity:.7}
.layali-section--dark .layali-eyebrow{color:var(--lg)}
.layali-section--light .layali-eyebrow{color:#555}
.layali-divider{width:60px;height:1px;background:currentColor;margin:16px 0;opacity:.4}
.layali-divider--c{margin-left:auto;margin-right:auto}
.layali-section--dark p{color:var(--lg)}
.layali-section--light p{color:#444}

/* Buttons */
.layali-btn{display:inline-block;padding:14px 32px;font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;border:1px solid;transition:all .3s;cursor:pointer;font-family:inherit;background:transparent;text-decoration:none}
.layali-btn--solid-w{background:#fff;color:#0a0a0a;border-color:#fff}
.layali-btn--solid-w:hover{background:transparent;color:#fff;opacity:1}
.layali-btn--solid-b{background:#0a0a0a;color:#fff;border-color:#0a0a0a}
.layali-btn--solid-b:hover{background:transparent;color:#0a0a0a;opacity:1}
.layali-btn--ghost-w{color:#fff;border-color:#fff}
.layali-btn--ghost-w:hover{background:#fff;color:#0a0a0a;opacity:1}
.layali-btn--ghost-b{color:#0a0a0a;border-color:#0a0a0a}
.layali-btn--ghost-b:hover{background:#0a0a0a;color:#fff;opacity:1}
.layali-btn--block{display:block;width:100%;text-align:center;margin-top:16px}

/* Hero / Page Banner */
.layali-banner{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background-size:cover;background-position:center;color:#fff}
.layali-banner--page{min-height:55vh}
.layali-banner__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.85))}
.layali-banner__content{position:relative;z-index:2;padding:0 24px;max-width:900px;animation:layfade 1.2s ease-out}
.layali-banner__sub{color:var(--lg);font-size:1.05rem;margin:24px auto 40px;max-width:560px}
.layali-banner__cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
@keyframes layfade{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}

/* About two-col */
.layali-2col{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.layali-2col__img{overflow:hidden}
.layali-2col__img img{width:100%;height:540px;object-fit:cover;transition:transform 1s}
.layali-2col__img:hover img{transform:scale(1.05)}
.layali-section--light .layali-2col__img img{filter:grayscale(.2)}
.layali-section--dark .layali-2col__img img{filter:grayscale(.3) brightness(.85)}

/* Cards */
.layali-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.layali-card{padding:40px 32px;border:1px solid;transition:all .4s;backdrop-filter:blur(8px)}
.layali-section--dark .layali-card{background:rgba(255,255,255,.03);border-color:var(--ll)}
.layali-section--dark .layali-card:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.06);box-shadow:0 20px 60px rgba(0,0,0,.5)}
.layali-section--light .layali-card{background:#fff;border-color:var(--lld)}
.layali-section--light .layali-card:hover{transform:translateY(-8px);border-color:#0a0a0a;box-shadow:0 20px 60px rgba(0,0,0,.12)}
.layali-card h3{font-family:var(--lf-d);font-weight:400;font-size:1.5rem;margin:0 0 24px;letter-spacing:.08em;text-align:center;color:inherit}
.layali-card ul{list-style:none;margin:0;padding:0}
.layali-card li{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid currentColor;font-size:.95rem;gap:12px}
.layali-section--dark .layali-card li{border-color:var(--ll);color:var(--lg)}
.layali-section--dark .layali-card li span:last-child{color:#fff}
.layali-section--light .layali-card li{border-color:var(--lld);color:#444}
.layali-section--light .layali-card li span:last-child{color:#0a0a0a}
.layali-card li:last-child{border:0}
.layali-card .layali-price{display:flex;justify-content:space-between;align-items:center;border-top:1px solid currentColor;padding-top:14px;opacity:.7;margin-top:16px}
.layali-card .layali-price__cur{font-size:.7rem;letter-spacing:.25em;text-transform:uppercase}
.layali-card .layali-price__amt{font-size:1.1rem;letter-spacing:.05em}

/* Gallery */
.layali-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.layali-gallery__item{overflow:hidden;aspect-ratio:1/1}
.layali-gallery__item img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:transform .8s,filter .8s}
.layali-gallery__item:hover img{transform:scale(1.08);filter:grayscale(0)}

/* Form */
.layali-form{max-width:760px;margin:0 auto;padding:48px;border:1px solid}
.layali-section--dark .layali-form{background:rgba(255,255,255,.03);border-color:var(--ll);backdrop-filter:blur(10px)}
.layali-section--light .layali-form{background:#fff;border-color:var(--lld)}
.layali-form__row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.layali-form__row--3{grid-template-columns:1fr 1fr 1fr}
.layali-form label{display:flex;flex-direction:column;font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;gap:8px;opacity:.85}
.layali-form input,.layali-form select,.layali-form textarea{background:transparent;border:0;border-bottom:1px solid currentColor;padding:10px 0;font-size:1rem;font-family:inherit;outline:none;color:inherit;border-radius:0}
.layali-section--dark .layali-form input,.layali-section--dark .layali-form select,.layali-section--dark .layali-form textarea{border-color:var(--ll);color:#fff}
.layali-section--dark .layali-form select option{background:#0a0a0a;color:#fff}
.layali-section--light .layali-form input,.layali-section--light .layali-form select,.layali-section--light .layali-form textarea{border-color:var(--lld);color:#0a0a0a}
.layali-form__msg{text-align:center;margin-top:16px;min-height:24px;font-size:.9rem;letter-spacing:.05em}

/* Contact info */
.layali-info{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:stretch}
.layali-info__map{min-height:420px;border:1px solid var(--ll);overflow:hidden}
.layali-section--light .layali-info__map{border-color:var(--lld)}
.layali-info strong{font-weight:500;letter-spacing:.15em;font-size:.78rem;text-transform:uppercase;display:block;margin-bottom:8px}

/* Terms */
.layali-prose{max-width:820px;margin:0 auto}
.layali-prose h3{margin:36px 0 12px}
.layali-prose p{margin:12px 0}

/* Footer */
.layali-footer{background:#000;color:#fff;padding:72px 0 32px;border-top:1px solid var(--ll)}
.layali-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;padding:0 24px;max-width:1280px;margin:0 auto}
.layali-footer h4{font-family:var(--lf-d);font-weight:400;font-size:1.2rem;letter-spacing:.1em;margin:0 0 20px;color:#fff}
.layali-footer p,.layali-footer a{color:var(--lg);font-size:.85rem;line-height:1.9}
.layali-footer ul{list-style:none;margin:0;padding:0}
.layali-footer__social{display:flex;gap:12px;margin-top:16px}
.layali-footer__social a{width:38px;height:38px;border:1px solid var(--ll);display:flex;align-items:center;justify-content:center;font-size:.7rem;letter-spacing:.1em;color:#fff;transition:all .3s}
.layali-footer__social a:hover{background:#fff;color:#000;opacity:1}
.layali-footer__bottom{text-align:center;color:var(--lg);font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;margin:56px 0 0;padding-top:24px;border-top:1px solid var(--ll)}

/* Default page (for posts/blog/etc) */
.layali-default{max-width:820px;margin:0 auto;padding:140px 24px 100px}
.layali-default h1,.layali-default h2,.layali-default h3{font-family:var(--lf-d);font-weight:400;color:#fff}
.layali-default a{color:#fff;border-bottom:1px solid var(--ll)}

/* Admin bar fix */
.admin-bar .layali-nav{top:32px}
@media (max-width:782px){.admin-bar .layali-nav{top:46px}}

@media (max-width:900px){
  .layali-section{padding:80px 0}
  .layali-nav__links{position:fixed;top:0;right:-100%;width:78%;height:100vh;flex-direction:column;justify-content:center;background:rgba(10,10,10,.97);backdrop-filter:blur(20px);transition:right .4s;gap:28px;padding:0 24px}
  .layali-nav__links.is-open{right:0}
  .layali-nav__cta{display:none}
  .layali-burger{display:block;z-index:101}
  .layali-2col,.layali-info{grid-template-columns:1fr;gap:40px}
  .layali-2col__img img{height:380px}
  .layali-gallery{grid-template-columns:repeat(2,1fr)}
  .layali-form{padding:28px}
  .layali-form__row,.layali-form__row--3{grid-template-columns:1fr}
  .layali-footer__grid{grid-template-columns:1fr 1fr;gap:32px}
  .layali-announce span:nth-child(n+3){display:none}
}
@media (max-width:480px){.layali-gallery{grid-template-columns:1fr}.layali-footer__grid{grid-template-columns:1fr;text-align:center}.layali-footer__social{justify-content:center}}

/* Terms prose */
.layali-prose h3{font-family:var(--layali-display, 'Cormorant Garamond', serif);font-size:1.4rem;margin:32px 0 12px;letter-spacing:.02em}
.layali-prose p{margin:0 0 16px;line-height:1.7}