/* Header: one white row (logo | menu | social bar). The tree stands on a grass strip (gradient from the 2017 banner);
   the logo image has 16% empty space under the grass, pulled down so the grass touches the strip. */
.te-header{--te-logo-h:96px;--te-strip:12px;background:linear-gradient(to bottom,#79bb45 0%,#8fc444 45%,#a8cd41 100%) left bottom/100% var(--te-strip) no-repeat,#fff;padding-top:.5rem!important;padding-bottom:var(--te-strip)!important}
.te-header-row{gap:1.5rem}
.te-header .te-header-logo{margin:0 0 calc(var(--te-logo-h) * -0.164) 0!important;flex:none;align-self:flex-end;position:relative;z-index:1}
.te-header .te-header-logo a{display:block}
.te-header .te-header-logo img{display:block;height:var(--te-logo-h);width:auto}
.te-header-tools{gap:1.25rem 1.5rem}
.te-social-bar{gap:.6rem;padding-left:1.25rem;border-left:1px solid #e6e1d6}
.te-header-social{gap:.9rem!important}
.te-header-social .wp-social-link{font-size:26px}
@media (max-width:781px){.te-header{--te-logo-h:68px;--te-strip:10px}.te-header-tools{gap:.75rem}.te-social-bar{padding-left:0;border-left:0}.te-header-tools .te-header-social{display:none}}
/* Footer: dark warm band so it stands apart from the beige sections above. */
.te-footer{background:#2b2620;color:#e9e3d8}
.te-footer a{color:#b5dc80}
.te-footer a:hover{color:#fff}
.te-footer img[src*="urj2024/logo.svg"]{filter:brightness(0) invert(1)}
.te-footer .has-text-align-center{color:#a59c8e}
/* No white gaps: footer sits right under the content; full-width bands touch each other. */
footer.wp-block-template-part{margin-block-start:0!important}
.entry-content > .alignfull + .alignfull,.entry-content > .alignfull:first-child{margin-block-start:0}
/* Header search: magnifier icon that opens a field. */
.te-header-search .wp-block-search__button{background:transparent;color:var(--wp--preset--color--contrast);border:0;padding:.35rem;margin-left:0}
.te-header-search .wp-block-search__button svg{width:26px;height:26px;fill:currentColor}
.te-header-search .wp-block-search__button:hover{color:var(--wp--preset--color--accent-4)}
.te-header-search .wp-block-search__input{border:1px solid #d8d2c6;border-radius:999px;padding:.45rem .9rem;font-size:.9rem}
.te-header-search .wp-block-search__inside-wrapper{border:0;padding:0}
/* Five-section menu: dropdowns (desktop) + Member login / Donate */
@media (min-width:782px){
.te-header .wp-block-navigation__submenu-container{border:1px solid #e6e1d6!important;border-radius:10px;padding:.4rem 0!important;box-shadow:0 8px 24px rgba(0,0,0,.08);min-width:220px!important}
.te-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:.45rem 1rem!important;text-transform:none;letter-spacing:0;font-weight:500;font-size:.92rem}
.te-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{color:var(--wp--preset--color--accent-4);background:var(--wp--preset--color--accent-2)}
}
/* Phone menu: left-aligned sections, plain sub-links */
.te-header .is-menu-open .wp-block-navigation__responsive-container-content,.te-header .is-menu-open .wp-block-navigation__container,.te-header .is-menu-open .wp-block-navigation-item{align-items:flex-start!important;text-align:left}
.te-header .is-menu-open .wp-block-navigation__container{gap:1.4rem!important;padding:0 .5rem}
.te-header .is-menu-open .wp-block-navigation__submenu-container{padding:.4rem 0 0 .9rem!important;gap:.55rem!important;border:0!important;border-left:2px solid var(--wp--preset--color--accent-1)!important;border-radius:0!important;box-shadow:none!important;min-width:0!important}
/* Same size in the open menu on phones and tablets (tablets otherwise get the smaller desktop menu size). */
.te-header .is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content{font-size:1rem!important}
.te-header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{text-transform:none;letter-spacing:0;font-weight:500;font-size:1rem}
.te-header-buttons{gap:.5rem}
.te-header-buttons .wp-block-button__link{padding:.45rem 1rem;font-size:.75rem;white-space:nowrap}
@media (max-width:1100px){.te-header-buttons .te-member-login{display:none}}
@media (max-width:781px){.te-header-buttons{display:none}}
/* Keep the menu on one line on smaller laptops */
/* Tablets in portrait (up to 1024px): the full menu row doesn't fit next to the logo and buttons, so use the menu button (hamburger)
   like phones. WordPress itself only switches at 600px. */
@media (max-width:1024px){
 .te-header .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex!important}
 .te-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none!important}
}
@media (min-width:782px){.te-header .wp-block-navigation__container{flex-wrap:nowrap}.te-header .wp-block-navigation-item__content{white-space:nowrap}}
@media (min-width:782px) and (max-width:1240px){.te-header .wp-block-navigation__container{gap:1.1rem!important}.te-header .wp-block-navigation{font-size:.78rem!important}.te-header-row{gap:1rem}.te-header-tools{gap:1rem}}
@media (min-width:782px) and (max-width:960px){.te-social-bar{display:none}}
/* Body text: a fixed 16px. (theme.json sizes are made "fluid" by WordPress, which scales them with the screen.) */
:root body{font-size:16px!important}
/* News (blog index): intro band + card grid */
.te-news-intro h1{margin:.2rem 0 .5rem;font-size:clamp(2.2rem,5vw,3.2rem)}
.te-news-intro .te-eyebrow{margin:0;font-family:var(--wp--preset--font-family--montserrat,inherit);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700;color:var(--wp--preset--color--accent-4)}
.te-news-lead{margin:0;font-size:1.1rem;color:#5a5347;max-width:42rem}
.te-news-grid{gap:1.75rem!important;padding:0}
.te-news-card{height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid #e6e1d6;border-radius:14px;overflow:hidden;transition:box-shadow .2s,transform .2s}
.te-news-card:hover{box-shadow:0 10px 28px rgba(0,0,0,.09);transform:translateY(-2px)}
.te-news-thumb{margin:0!important;background:var(--wp--preset--color--accent-2)}
.te-news-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.te-news-card:not(:has(.te-news-thumb img)) .te-news-thumb{display:none}
.te-news-card:not(:has(.te-news-thumb img)) .te-news-body{border-top:6px solid var(--wp--preset--color--accent-1)}
.te-news-body{padding:1.25rem 1.4rem 1.5rem;flex:1}
.te-news-date{margin:0 0 .4rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:#7a7264}
.te-news-title{margin:0 0 .6rem;font-size:1.25rem!important;line-height:1.3}
.te-news-title a{color:var(--wp--preset--color--contrast);text-decoration:none}
.te-news-title a:hover{color:var(--wp--preset--color--accent-4)}
.te-news-excerpt{margin:0;color:#4a443a;font-size:.95rem;line-height:1.55}
.te-news-excerpt .wp-block-post-excerpt__more-link{display:inline-block;margin-top:.7rem;font-weight:600;color:var(--wp--preset--color--accent-4)}
.te-news-pager{margin-top:2.5rem;gap:1rem}
.te-news-pager a{text-decoration:none;font-weight:600}
.te-news-pager .page-numbers.current{background:var(--wp--preset--color--accent-1);color:#fff;border-radius:999px;padding:.1rem .65rem}
@media (max-width:781px){.te-news-grid{grid-template-columns:1fr!important}}
.te-news-intro>*{max-width:var(--wp--style--global--wide-size,1340px)!important;margin-left:auto!important;margin-right:auto!important;text-align:left}
.te-news-lead{max-width:var(--wp--style--global--wide-size,1340px)!important}
.te-news-lead{box-sizing:border-box;padding-right:40%}
@media (max-width:781px){.te-news-lead{padding-right:0}}

/* Menu dropdown caret: a touch bigger and bolder than WordPress' default. */
.te-header-tools .wp-block-navigation__submenu-icon{width:.9em;height:.9em;margin-left:.2em}
.te-header-tools .wp-block-navigation__submenu-icon svg{width:.9em;height:.9em;stroke-width:1.8}

/* Single post: small meta line under the title. */
.te-post-meta{font-family:var(--wp--preset--font-family--montserrat);font-size:.85rem;color:#6b645a}
.te-post-meta a{color:inherit}

/* Search results: a plain list, not full posts. */
.te-search-results{list-style:none;margin:0;padding:0}
.te-search-item{padding:1.25rem 0;border-bottom:1px solid #e4ded1}
.te-search-item:first-child{padding-top:0}
.te-search-title{margin:0 0 .35rem;font-size:1.35rem}
.te-search-title a{text-decoration:none}
.te-search-title a:hover{text-decoration:underline}
.te-search-excerpt{margin:0 0 .35rem;color:#4a463e}
.te-search-excerpt p{margin:0}
.te-search-date{margin:0;font-size:.85rem;color:#7a7568}
.te-search-again{max-width:520px;margin-top:1.25rem}
.te-search-excerpt mark{background:#e6f0d2;color:inherit;padding:0 .1em;border-radius:2px}

/* No box around links or buttons you tap or click (mobile menu especially). Keyboard users still get a visible marker: an underline for links, a ring for buttons. */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
.wp-block-navigation a:focus:not(:focus-visible),
.wp-block-navigation__responsive-container-open:focus:not(:focus-visible),
.wp-block-navigation__responsive-container-close:focus:not(:focus-visible),
.wp-block-navigation__submenu-icon:focus:not(:focus-visible),
.wp-block-navigation-submenu__toggle:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}
.wp-block-navigation a:focus-visible,
.wp-block-navigation-submenu__toggle:focus-visible{outline:none!important;box-shadow:none!important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.35em}
/* Tapping a dropdown puts focus on its whole group (the <li> / submenu list): never draw the browser's black box around it. Links keep their underline for keyboard users. */
.wp-block-navigation :focus:not(a):not(button),.wp-block-navigation :focus-visible:not(a):not(button),.wp-block-navigation li:focus-within{outline:none!important;box-shadow:none!important}
/* The mobile menu panel itself gets focus when it opens; never box it. */
.wp-block-navigation a,.wp-block-navigation button,.wp-block-navigation__responsive-container-open,.wp-block-navigation__responsive-container-close{-webkit-tap-highlight-color:transparent}
.wp-block-navigation__responsive-container.is-menu-open,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{outline:none!important}

/* Live bar: the home page has its own live button in the hero. */
body.home .te-live--bar{display:none!important}

/* Menu: the page you are on. */
.wp-block-navigation li.is-current > a,
.wp-block-navigation li.has-current > a,
.wp-block-navigation li.has-current > .wp-block-navigation-submenu__toggle{color:var(--wp--preset--color--accent-4)!important}
.wp-block-navigation li.is-current > a{text-decoration:underline!important;text-decoration-thickness:2px;text-underline-offset:.4em;font-weight:700}
.wp-block-navigation li.has-current > a{font-weight:700}
.wp-block-navigation__responsive-container.is-menu-open li.is-current > a{text-decoration:none!important;background:var(--wp--preset--color--accent-2,#f1f7e6);border-radius:10px;padding:.55em 1.1em!important;margin-left:-1.1em;display:inline-block}

/* Home page cards: same height in a row, excerpts cut to 5 lines. */
body.home .te-feed > li{display:flex}
body.home .te-feed-card{flex:1;min-width:0}
body.home .te-feed-excerpt{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}

/* Home page on phones: the card rows (Torah & Holidays, Latest from TE, From the Reform Movement) become swipeable carousels. */
@media (max-width:700px){
 body.home .te-feed{display:flex!important;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:.25rem 9% 1rem;margin:0 -1.25rem!important}
 body.home .te-feed::-webkit-scrollbar{display:none}
 body.home .te-feed > li{flex:0 0 82%;scroll-snap-align:center;scroll-snap-stop:always}
 body.home .te-dots{display:flex;justify-content:center;gap:.5rem;margin:.1rem 0 .4rem}
 body.home .te-dots button{width:.6rem;height:.6rem;padding:0;border:0;border-radius:50%;background:#c9c3b6;cursor:pointer}
 body.home .te-dots button[aria-current="true"]{background:var(--wp--preset--color--accent-4,#3f6f1f);transform:scale(1.25)}
}
@media (min-width:701px){body.home .te-dots:not(.te-dots--pages){display:none}body.home .te-dots--pages{display:flex;justify-content:center;gap:.5rem;margin:.1rem 0 .4rem}body.home .te-dots--pages button{width:.6rem;height:.6rem;padding:0;border:0;border-radius:50%;background:#c9c3b6;cursor:pointer}body.home .te-dots--pages button[aria-current="true"]{background:var(--wp--preset--color--accent-4,#3f6f1f);transform:scale(1.25)}}
@media (prefers-reduced-motion:no-preference){body.home .te-feed{scroll-behavior:smooth}}

/* "From the Reform Movement": six cards in a row you scroll sideways (arrows on wide screens; swipe on phones, see above). */
@media (min-width:701px){
 body.home .te-scroll-row .te-feed{display:flex!important;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:.25rem .25rem 1rem}
 body.home .te-scroll-row .te-feed::-webkit-scrollbar{display:none}
 body.home .te-scroll-row .te-feed > li{flex:0 0 calc((100% - 3rem) / 3);scroll-snap-align:start}
}
