/* Go Temple widgets inside Elementor: how the theme components sit in Elementor
   containers. Component looks stay in the theme's main.css. */

/* Header: the location wrapper steps aside so the header bar sticks for the whole page. */
.elementor-location-header{display:contents}
.e-con.gt-header{position:sticky;top:0;z-index:50}
/* Below WordPress's admin bar only when the bar is really there (the Elementor preview sets
   the bar's height but shows no bar; on phones the bar scrolls away). */
body.admin-bar:not(.elementor-editor-active) .e-con.gt-header{top:var(--wp-admin--admin-bar--height,32px)}
@media (max-width:600px){body.admin-bar .e-con.gt-header{top:0}}
.elementor-widget-gt-logo,.elementor-widget-gt-header-tools{flex:none}
.elementor-widget-gt-nav{flex:1 1 auto;display:flex;align-items:center;min-width:0}
.elementor-widget-gt-nav .gt-nav{flex:1}
.elementor-widget-gt-header-tools .gt-header__tools{margin-left:0}
.elementor-widget-gt-logo .gt-brand img{display:block}

/* Main menu collapses into the ☰ button below its breakpoint; the button then sits last. */
.gt-navbp-1024 .gt-nav,.gt-navbp-768 .gt-nav{display:none}
@media (min-width:1024px){.gt-navbp-1024 .gt-nav{display:flex}.gt-navbp-1024 .gt-menu-toggle{display:none}}
@media (min-width:768px){.gt-navbp-768 .gt-nav{display:flex}.gt-navbp-768 .gt-menu-toggle{display:none}}
@media (max-width:1079.98px){.gt-navbp-1080{order:9;flex:none}}
@media (max-width:1023.98px){.gt-navbp-1024{order:9;flex:none}}
@media (max-width:767.98px){.gt-navbp-768{order:9;flex:none}}
@media (min-width:1080px){.gt-navbp-1024 .gt-nav,.gt-navbp-768 .gt-nav{display:flex}}

/* Footer. */
.e-con.gt-footer-el{isolation:isolate}
.elementor-widget-gt-decor{position:absolute!important;left:0;right:0;bottom:0;height:240px;z-index:-1;pointer-events:none;margin:0!important}
.elementor-widget-gt-decor .gt-footer__art{position:absolute;inset:0;height:auto}
.elementor-widget-gt-footer-brand .gt-brand img{height:70px;width:auto}
.gt-footer__links--inline{display:flex;flex-wrap:wrap;gap:0}
.gt-footer__links--inline a{padding:0;font-size:calc(13px * var(--gt-ts,1))}
.gt-footer__links--inline li+li{border-left:1px solid var(--gt-line-strong);margin-left:16px;padding-left:16px}
.gt-copyright{font-size:calc(13px * var(--gt-ts,1));color:var(--gt-text)}

/* Hero without the fade over the photo. */
.gt-hero-fade- .gt-hero__bg::after{content:none}

/* Grids keep the theme's mobile side-scroll. */
.elementor-widget-gt-temples,.elementor-widget-gt-trips,.elementor-widget-gt-posts{min-width:0}

/* Notes only the editor shows. */
.gt-el-note{padding:14px 16px;border:1px dashed var(--gt-line-strong);border-radius:10px;background:#fff;color:var(--gt-muted);font-size:calc(13px * var(--gt-ts,1));text-align:center}
.gt-empty-line{margin:0;color:var(--gt-muted)}

/* Drawer and search bar are moved to <body> by the theme script; hidden until then. */
.e-con .gt-drawer,.e-con .gt-searchbar{display:none}

/* Elementor resets links inside its areas (".elementor a{text-decoration:none;box-shadow:none}").
   Put back the theme's underlines and shadows on links; written as a.class so widget style
   settings still win over them. */
a.gt-link--u{text-decoration:underline;text-decoration-thickness:1px}
a.gt-cat,a.gt-special,a.gt-prayer-tile,a.gt-trip-mini,a.gt-pcat,a.gt-occ__item{box-shadow:var(--gt-shadow-sm)}
a.gt-promo__btn{box-shadow:0 6px 16px rgba(47,120,134,.25)}
a.gt-map__btn,a.gt-map__round{box-shadow:0 2px 8px rgba(0,0,0,.14)}
a:focus-visible{box-shadow:var(--gt-focus)}

/* Sections built by the plugin hide when none of their widgets printed anything. */
body:not(.elementor-editor-active) .e-con.gt-hide-empty:not(:has(.elementor-widget)) {
	display: none;
}

/* Temple page: the section tabs stick under the header while the page body is in view. */
.elementor-widget-gt-temple-tabs{position:sticky;top:var(--gt-header-h);z-index:40}
.admin-bar .elementor-widget-gt-temple-tabs{top:calc(var(--gt-header-h) + 32px)}
@media (max-width:782px){.admin-bar .elementor-widget-gt-temple-tabs{top:calc(var(--gt-header-h) + 46px)}}
@media (max-width:600px){.admin-bar .elementor-widget-gt-temple-tabs{top:var(--gt-header-h)}}
.elementor-widget-gt-temple-tabs .gt-temple__tabs{position:static}
#gt-overview,#gt-visit{scroll-margin-top:calc(var(--gt-header-h) + 70px)}
.e-con.gt-el-main{min-width:0}
.elementor-widget-gt-temple-related .gt-temple__related,.elementor-widget-gt-temple-vote .gt-vote,.elementor-widget-gt-temple-near .gt-temple__near{margin-top:0}

/* Plan page: same sticky tabs; temples in order beside the map (1.32 : 1). */
.elementor-widget-gt-plan-tabs{position:sticky;top:var(--gt-header-h);z-index:40}
.admin-bar .elementor-widget-gt-plan-tabs{top:calc(var(--gt-header-h) + 32px)}
@media (max-width:782px){.admin-bar .elementor-widget-gt-plan-tabs{top:calc(var(--gt-header-h) + 46px)}}
@media (max-width:600px){.admin-bar .elementor-widget-gt-plan-tabs{top:var(--gt-header-h)}}
.elementor-widget-gt-plan-tabs .gt-plan__tabs{position:static}
.e-con.gt-el-plan-main,.e-con.gt-el-plan-side{min-width:0}
@media (min-width:1025px){.e-con.gt-el-plan-main{flex:1.32 1 0}.e-con.gt-el-plan-side{flex:1 1 0}}

/* Merit-route planner inside an Elementor section (the theme wraps it in a container). */
.gt-planner--el{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}

/* Two-column rows (prayers, prayer page, article page, calendar): each column's share of the width. */
.e-con.gt-el-half,.e-con.gt-el-pr-main,.e-con.gt-el-pr-side,.e-con.gt-el-cal-main,.e-con.gt-el-cal-side,.e-con.gt-el-calmore-main,.e-con.gt-el-calmore-side{min-width:0}
@media (min-width:1025px){
	.e-con.gt-el-half{flex:1 1 0}
	.e-con.gt-el-pr-main{flex:2 1 0}.e-con.gt-el-pr-side{flex:1 1 0}
	.e-con.gt-el-cal-main{flex:1.72 1 0}.e-con.gt-el-cal-side{flex:1 1 0}
	.e-con.gt-el-calmore-main{flex:2.15 1 0}.e-con.gt-el-calmore-side{flex:1 1 0}
}