/* WordPress + Elementor layer for the Falafel X Bar design. */

/* Live values (hours) get an accent instead of the mockup's placeholder underline */
.today-t{color:var(--teal-lt)}

/* Accessibility */
.skip-link{position:absolute;left:12px;top:-60px;z-index:100;background:var(--gold);color:#16110a;padding:10px 16px;font-weight:600;transition:top .2s}
.skip-link:focus{top:12px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Admin bar offsets for the sticky header, drawer and menu tabs */
.admin-bar .hdr{top:32px}
.admin-bar .drawer{top:120px}
.admin-bar .cats{top:120px}
@media (max-width:782px){
  .admin-bar .hdr{top:46px}
  .admin-bar .drawer{top:118px}
  .admin-bar .cats{top:118px}
}
@media (max-width:600px){
  .admin-bar .hdr{top:0}
  .admin-bar .drawer{top:72px}
  .admin-bar .cats{top:72px}
}

/* Forms: honeypot + error line */
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.form .err{grid-column:1/-1;padding:14px 18px;border:1px solid rgba(234,120,100,.55);background:rgba(80,20,14,.45);color:#f3d6cf}
.form-plugin input,.form-plugin select,.form-plugin textarea{font:inherit;color:var(--text);background:transparent;border:0;border-bottom:1px solid var(--line-2);padding:12px 0;width:100%}
.form-plugin label{font-size:var(--fs-label);letter-spacing:.18em;text-transform:uppercase;color:var(--text-3)}
.form-plugin button,.form-plugin input[type=submit]{background:var(--gold-grad);color:#16110a;border:0;padding:16px 32px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;width:auto}

/* Regular page / post content */
.entry{max-width:760px;margin-inline:auto;color:var(--text-2);font-weight:300}
.entry > * + *{margin-top:1.15em}
.entry h2,.entry h3,.entry h4{color:var(--text);margin-top:1.9em}
.entry h4{font-size:1rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.entry a{color:var(--gold);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.entry ul,.entry ol{padding-left:1.3em}
.entry li + li{margin-top:.4em}
.entry img{height:auto}
.entry blockquote{border-left:2px solid var(--gold);padding-left:22px;color:var(--text);font-size:var(--fs-lede)}
.entry figcaption{font-size:.875rem;color:var(--text-3);margin-top:8px}
.entry hr{border:0;border-top:1px solid var(--line)}
.entry table{width:100%;border-collapse:collapse}
.entry th,.entry td{padding:10px 0;border-bottom:1px solid var(--line);text-align:left}
.entry .alignwide{max-width:1100px;margin-inline:calc(50% - min(550px,50vw - var(--gut)));width:auto}
.entry .alignfull{margin-inline:calc(50% - 50vw);max-width:100vw;width:100vw}
.entry .wp-block-button__link{background:var(--gold-grad);color:#16110a;border-radius:0;text-decoration:none;font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-size:.8125rem;padding:16px 30px}
.fxb-content.sec{padding-block:var(--sec)}
.comment-list{list-style:none;margin:20px 0 40px}
.comment-list li{padding:18px 0;border-bottom:1px solid var(--line)}

/* Blog index */
.post-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:48px 36px}
.post-card h2{font-size:var(--fs-h3);margin:12px 0 10px}
.post-card p{color:var(--text-2);font-weight:300;margin-bottom:14px}
.post-card-img{display:block;aspect-ratio:4/3;overflow:hidden;margin-bottom:18px}
.post-card-img img{width:100%;height:100%;object-fit:cover}
.nav-links{display:flex;gap:18px;justify-content:center;margin-top:56px;letter-spacing:.18em;text-transform:uppercase;font-size:.8125rem}
.nav-links .current{color:var(--gold)}

/* ---------- Elementor ----------
   Elementor content sits edge to edge; its own containers use the 1240px kit width.
   The theme reset removes default margins, so give text widgets their spacing back. */
.fxb-content.is-elementor{width:100%}
.elementor-widget-text-editor p,.elementor-widget-text-editor ul,.elementor-widget-text-editor ol{margin-bottom:.95em}
.elementor-widget-text-editor ul,.elementor-widget-text-editor ol{padding-left:1.3em}
.elementor-widget-text-editor{color:var(--text-2);font-weight:300}
.elementor-widget-heading .elementor-heading-title{font-family:var(--font)}
/* FXB section widgets: no extra wrapper spacing so sections butt together like the design */
.elementor-widget[class*="elementor-widget-fxb-"] > .elementor-widget-container{margin:0;padding:0}
.e-con:has(> .elementor-widget[class*="elementor-widget-fxb-"]),
.e-con-inner:has(> .elementor-widget[class*="elementor-widget-fxb-"]){--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px}
/* The design sections are full width; when dropped in a boxed container they still look right */
.elementor-widget[class*="elementor-widget-fxb-"]{width:100%}
/* Elementor's ".elementor img{height:auto}" would shrink the design's cover photos; keep them filling their frames */
.elementor :is(.hero-media,.sig-grid,.mindex-photo,.findus-map,.map,.mcat-media) img,
.elementor :is(.panel,.phead) > img{height:100%}
/* Elementor's "lazy load background images" blanks every background-image inside a container until it
   scrolls into view. The theme's own backgrounds (gold buttons, select arrows) must always show. */
.e-con.e-parent:nth-of-type(n+1):not(.e-lazyloaded):not(.e-no-lazyload) .btn.btn-gold{background-image:var(--gold-grad)!important}
.e-con.e-parent:nth-of-type(n+1):not(.e-lazyloaded):not(.e-no-lazyload) .f select.f-sel,
.e-con.e-parent:nth-of-type(n+1):not(.e-lazyloaded):not(.e-no-lazyload) .form .f select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23eab974' stroke-width='1.5'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E")!important}
/* Elementor Button widget in the brand style (per-widget styling in Elementor still overrides this) */
.elementor-widget-button .elementor-button{background-color:#eab974;background-image:var(--gold-grad);color:#16110a;border-radius:0;font-family:var(--font);font-size:.8125rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:18px 32px;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(120,80,30,.45)}
.elementor-widget-button .elementor-button:hover{color:#16110a}
/* Menu preview button keeps its own padding (".mindex a" targets the list links) */
.mindex .mindex-cta .btn{display:inline-flex;padding:0 2.1em;gap:.7em}