/* Kuisine BD — support styles for the Elementor build
   Only covers what Elementor free widgets cannot express natively:
   keyframe animations, logo colouring, decorative frames, marquee. */

:root{
  --kui-navy-deep:#071A2E;
  --kui-navy:#0A2440;
  --kui-navy-mid:#0C2F52;
  --kui-cream:#F7F3EA;
  --kui-cream-alt:#FBF8F1;
  --kui-red:#C02430;
  --kui-orange:#E87B3C;
}

/* ---- Logo: source art is dark, design renders it white ---- */
.kui-logo img{filter:brightness(0) invert(1);}

/* ---- Hero: slow ken-burns drift on the background ---- */
@keyframes kui-kenburns{
  from{transform:scale(1.05);}
  to{transform:scale(1.17) translate3d(-1%,-1.2%,0);}
}
.kui-hero{position:relative;}
.kui-hero::before,
.kui-hero::after{
  content:"";position:absolute;pointer-events:none;z-index:3;
}
.kui-hero::before{inset:clamp(12px,1.6vw,22px);border:1px solid rgba(232,123,60,.28);}
.kui-hero::after{inset:clamp(18px,2.2vw,30px);border:1px solid rgba(232,123,60,.12);}
.kui-hero > .e-con-inner{position:relative;z-index:4;}
.kui-kenburns{animation:kui-kenburns 36s ease-in-out infinite alternate;}

/* ---- Reserve band: single inset frame ---- */
.kui-frame{position:relative;}
.kui-frame::before{
  content:"";position:absolute;inset:clamp(12px,1.6vw,22px);
  border:1px solid rgba(232,123,60,.4);pointer-events:none;z-index:2;
}
.kui-frame > .e-con-inner{position:relative;z-index:3;}

/* ---- Ticker marquee ---- */
@keyframes kui-tick{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.kui-ticker{overflow:hidden;}
.kui-ticker > .e-con-inner{
  width:max-content;max-width:none;flex-wrap:nowrap;
  animation:kui-tick 38s linear infinite;
}
.kui-ticker-word{white-space:nowrap;}
.kui-ticker-word .elementor-heading-title::after{
  content:"";display:inline-block;width:5px;height:5px;
  background:var(--kui-orange);transform:rotate(45deg);
  margin-left:26px;vertical-align:middle;
}

/* ---- Rule flanking the hero eyebrow ---- */
.kui-rule-both .elementor-heading-title::before,
.kui-rule-both .elementor-heading-title::after{
  content:"";display:inline-block;vertical-align:middle;
  width:clamp(20px,4vw,54px);height:1px;background:rgba(232,123,60,.5);
}
.kui-rule-both .elementor-heading-title::before{margin-right:14px;}
.kui-rule-both .elementor-heading-title::after{margin-left:14px;}

/* ---- Image aspect ratios used by the layout ---- */
.kui-ar-45 img{aspect-ratio:4/5;object-fit:cover;width:100%;}
.kui-ar-11 img{aspect-ratio:1/1;object-fit:cover;width:100%;}
.kui-ar-34 img{aspect-ratio:3/4;object-fit:cover;width:100%;}
.kui-ar-32 img{aspect-ratio:3/2;object-fit:cover;width:100%;}
.kui-ar-43 img{aspect-ratio:4/3;object-fit:cover;width:100%;}
.kui-ar-54 img{aspect-ratio:5/4;object-fit:cover;width:100%;}

/* ---- Definition rows (Cuisines / Houses / Sourcing, Address / Hours / Telephone) ---- */
.kui-dl .elementor-icon-list-item{
  display:flex;justify-content:space-between;gap:20px;
  padding:15px 0;border-bottom:1px solid rgba(10,36,64,.1);
}
.kui-dl .elementor-icon-list-items{width:100%;}
.kui-dl-dark .elementor-icon-list-item{border-bottom-color:rgba(232,123,60,.12);}

/* ---- Menu category chips ---- */
.kui-chips .elementor-icon-list-items{display:flex;flex-wrap:wrap;gap:7px;}
.kui-chips .elementor-icon-list-item{
  border:1px solid rgba(10,36,64,.2);padding:9px 13px;
}
.kui-chips .elementor-icon-list-item:not(:last-child){border-right-width:1px;}

/* ---- Arrow links ("Begin the journey \2192") ---- */
.kui-arrow a::after,
.kui-arrow .elementor-heading-title::after{content:"\00a0\00a0\2192";}

/* ---- Seafood + signature card rules ---- */
.kui-card-rule{border-bottom:2px solid var(--kui-red);}

/* ---- Nav + footer link hover ---- */
.kui-linklist a:hover,
.kui-navlink a:hover{color:var(--kui-orange);}

/* ---- Mobile sticky reserve bar ---- */
@media (min-width:900px){.kui-mobilebar{display:none !important;}}

/* ---- Respect reduced motion ---- */
@media (prefers-reduced-motion:reduce){
  .kui-kenburns,.kui-ticker > .e-con-inner{animation:none !important;}
}

/* ---- Definition list rows ---- */
.kui-dl .kui-dt{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;opacity:.72;flex:0 0 auto;}
.kui-dl .kui-dd{text-align:right;}
.kui-dl .elementor-icon-list-text{display:flex;justify-content:space-between;gap:20px;width:100%;}
.kui-dl-dark .kui-dt{opacity:.55;}
.kui-dl .elementor-icon-list-icon{display:none;}
.kui-linklist .elementor-icon-list-icon{display:none;}
.kui-chips .elementor-icon-list-icon{display:none;}