/* izs.org.il design layer, 2026-10-06 (Ronen doc items 3,6,7,8).
   Palette from izs-palette.jpg. Text-bearing shades darkened only where the raw palette
   color fails WCAG AA (terracotta #C4703F -> #A95826, olive #7A8B4F -> #5F6E34,
   stone #8C8B85 -> #6B6A65 for text). Raw shades stay for borders and decoration. */

/* ---------- self-hosted fonts (no Google Fonts calls) ---------- */
@font-face{font-family:"Roboto";font-style:normal;font-weight:400;font-display:swap;
  src:url("fonts/roboto-latin-400-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Roboto";font-style:normal;font-weight:700;font-display:swap;
  src:url("fonts/roboto-latin-700-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Roboto";font-style:normal;font-weight:400;font-display:swap;
  src:url("fonts/roboto-latin-ext-400-normal.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Roboto";font-style:normal;font-weight:700;font-display:swap;
  src:url("fonts/roboto-latin-ext-700-normal.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* Roboto has no Hebrew letters: Heebo (designed from Roboto) supplies them */
@font-face{font-family:"Heebo";font-style:normal;font-weight:400;font-display:swap;
  src:url("fonts/heebo-hebrew-400-normal.woff2") format("woff2");
  unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Heebo";font-style:normal;font-weight:700;font-display:swap;
  src:url("fonts/heebo-hebrew-700-normal.woff2") format("woff2");
  unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}

:root{
  --izs-blue:#1B4B6B; --izs-blue-dark:#143A54;
  --izs-sky:#A8CFE0; --izs-sky-soft:#E3EFF5;
  --izs-sand:#E3D3B0; --izs-sand-soft:#F3EBD8;
  --izs-olive:#7A8B4F; --izs-olive-dark:#5F6E34;
  --izs-terra:#C4703F; --izs-terra-dark:#A95826;
  --izs-stone:#8C8B85; --izs-stone-text:#5B5A55;
  --izs-bg:#FAF8F2; --izs-ink:#1F2933;
  --izs-font:Roboto,Heebo,sans-serif;
}

/* ---------- typography: Roboto body 400, Roboto Bold titles 700 (Hebrew via Heebo) ---------- */
html body,
html body :is(p,li,a,span,div,input,button,textarea,select,label,td,th,blockquote,figcaption,time,small,strong,em,cite,dt,dd,legend,summary,address,pre){
  font-family:var(--izs-font);
}
html body{font-weight:400;color:var(--izs-ink);background-color:var(--izs-bg)}
html body :is(h1,h2,h3,h4,h5,h6,.site-title,.entry-title,.page-title,.widget-title,.wp-block-heading,.mt-content-title,.related-post-title,.mt-related-post-title,.item-title,.comments-title,.comment-reply-title,.wp-block-search__label,.ez-toc-title,.ez-toc-title-container *,.author-name,.post-navigation .nav-title),
html body :is(h1,h2,h3,h4,h5,h6) :is(a,span){
  font-family:var(--izs-font);font-weight:700;
}
html body :is(strong,b){font-weight:700}
/* Hebrew must never be letter-spaced or force-uppercased */
html body :is(.mt-content-title,.page-title,.related-post-title,.mt-related-post-title,#site-navigation ul li a,.widget-title,.wp-block-heading,.post-cat-item a,.entry-title a){
  letter-spacing:0;text-transform:none;
}

/* ---------- palette ---------- */
html body a{color:var(--izs-blue)}
html body a:hover,html body a:focus,html body a:active{color:var(--izs-terra-dark)}
html body .entry-content a,html body .page-content a,html body .entry-summary a{color:var(--izs-blue);text-decoration:underline;text-underline-offset:2px}
html body .entry-content a:hover,html body .page-content a:hover{color:var(--izs-terra-dark)}
html body :is(button,input[type=button],input[type=reset],input[type=submit],.wp-block-search__button,.widget_search .search-submit,.header-search-wrapper .search-form-wrap .search-submit,.reply .comment-reply-link,.edit-link a){
  background-color:var(--izs-terra-dark);color:#fff;border-color:var(--izs-terra-dark);
}
html body :is(button,input[type=button],input[type=reset],input[type=submit],.wp-block-search__button,.widget_search .search-submit,.reply .comment-reply-link):hover{
  background-color:var(--izs-blue);color:#fff;border-color:var(--izs-blue);
}
/* header */
html body .header-main-wrapper{background:#fff;border-bottom:3px solid var(--izs-sand)}
html body #masthead{box-shadow:0 2px 14px rgba(27,75,107,.08)}
html body #site-navigation ul li a{color:var(--izs-blue);font-weight:400}
html body #site-navigation ul li:hover>a,
html body #site-navigation ul li.current-menu-item>a,
html body #site-navigation ul li.current_page_item>a,
html body #site-navigation ul li.current-menu-ancestor>a{color:var(--izs-terra-dark)}
html body .site-title a{color:var(--izs-blue)}
html body .site-description{color:var(--izs-stone-text)}
html body .header-search-wrapper .mt-search-icon a i,
html body .mt-menu-toggle{background-color:var(--izs-blue);color:#fff}
html body .mt-menu-toggle:hover{color:var(--izs-sand)}
/* cards (per-category tints come from the category_color_* theme mods) */
html body .archive-content-wrapper article,html body .blogbuster-related-posts-wrapper article{
  border:1px solid var(--izs-sand);box-shadow:0 2px 12px rgba(27,75,107,.10);
}
html body .entry-title a{color:var(--izs-blue)}
html body .entry-title a:hover{color:var(--izs-terra-dark)}
html body .entry-title a::after{background-color:var(--izs-terra)}
html body :is(.post-cat-item a,.featured-info-wrap a){background:#fff;color:var(--izs-blue);border:1px solid var(--izs-sand)}
html body :is(.post-cat-item a,.featured-info-wrap a):hover{background:var(--izs-blue);color:#fff}
html body .single .post-cat-item a,
html body .trending-posts-wrapper .post-cat-item a,
html body .latest-posts-wrapper .post-cat-item a{background-color:var(--izs-blue);color:#fff;border-color:var(--izs-blue)}
html body article .read-more-button a{background:#fff;color:var(--izs-terra-dark);border:1px solid var(--izs-sand)}
html body article .read-more-button:hover a{background:var(--izs-terra-dark);color:#fff;transform:none}
html body .entry-meta,html body .entry-meta a,html body .entry-footer a,html body .entry-footer span,html body .comments-link a{color:var(--izs-stone-text)}
html body .entry-meta a:hover,html body .entry-footer a:hover{color:var(--izs-terra-dark)}
html body :is(.mt-content-title,.page-title,.related-post-title,.mt-related-post-title){color:var(--izs-blue);font-size:26px}
/* sidebar + widgets */
html body .widget-area .widget{background:#fff;border:1px solid var(--izs-sand);border-radius:20px;box-shadow:0 2px 12px rgba(27,75,107,.08)}
html body #secondary .widget .widget-title,
html body .widget-title,html body .widget .wp-block-heading,html body .wp-block-search__label{
  color:var(--izs-blue);font-size:20px;text-align:right;padding-bottom:8px;margin-bottom:14px;border-bottom:2px solid var(--izs-sand);text-transform:none;letter-spacing:0;
}
html body .widget a{color:var(--izs-blue)}
html body .widget a:hover,html body .widget a:hover::before,html body .widget li:hover::before{color:var(--izs-terra-dark)}
html body .widget li::before{color:var(--izs-olive-dark)}
html body .widget_search .search-field,html body .wp-block-search__input,html body input[type=search],html body input[type=text],html body input[type=email],html body input[type=url],html body textarea{
  border:1px solid var(--izs-sand);background:#fff;color:var(--izs-ink);
}
html body :is(input,textarea,select):focus{outline:2px solid var(--izs-sky);outline-offset:1px;border-color:var(--izs-blue)}
/* pagination, post navigation */
html body .navigation .nav-links .page-numbers{color:var(--izs-blue);border-color:var(--izs-sand)}
html body .navigation .nav-links .page-numbers.current,html body .navigation .nav-links a:hover{background:var(--izs-blue);color:#fff;border-color:var(--izs-blue)}
/* footer */
html body .site-footer{background-color:var(--izs-blue);color:#fff}
html body .site-footer .widget-area .widget{background:rgba(255,255,255,.07);border-color:rgba(227,211,176,.35);box-shadow:none}
html body .site-footer .widget-title,html body .site-footer .wp-block-heading{color:var(--izs-sand);border-bottom-color:rgba(227,211,176,.45)}
html body .site-footer :is(.widget a,.widget li,.site-info a){color:var(--izs-sky-soft)}
html body .site-footer .widget a:hover,html body .site-footer .widget a:hover::before,html body .site-footer .widget li:hover::before{color:#fff}
html body .site-footer .widget li::before{color:var(--izs-sand)}
html body .site-footer .site-info{background:var(--izs-blue-dark);color:#fff;border-top:3px solid var(--izs-sand)}
html body #mt-scrollup{background-color:var(--izs-terra-dark);color:#fff}

/* ---------- logo: trimmed PNG; artwork shown 20% bigger than before (was 326px wide, now 391px) ---------- */
html body .site-branding{width:auto;flex:0 1 auto;text-align:center}
html body .site-branding .custom-logo-link{display:block}
html body .site-branding img.custom-logo{width:398px;max-width:100%;height:auto;display:block;margin:0 auto}
@media (max-width:991px){
  /* viewport caps it: full width of a 390px phone = +17% (a full +20% would exceed the screen) */
  html body .site-branding img.custom-logo{width:min(398px,100%)}
}

/* ---------- RTL fixes (theme ships only a partial rtl.css) ---------- */
html body.rtl{direction:rtl;text-align:right}
html body.rtl :is(.entry-content,.page-content,.comment-content,.entry-summary,.widget,.textwidget,.entry-header,.entry-footer,.comments-area,.mt-post-content-wrap,.mt-author-profile-wrapper,.blogbuster-author-wrap){direction:rtl;text-align:right}
/* grid gutters were written for LTR (margin-left) */
html body.rtl .archive-style--grid .archive-content-wrapper{margin-left:0;margin-right:-3%}
html body.rtl .archive-style--grid .archive-content-wrapper article{margin-left:0;margin-right:3%}
html body.rtl .mt-front-featured-wrapper{margin:30px -3% 30px 0}
html body.rtl .blogbuster-related-posts-wrapper{margin-left:0;margin-right:-3%}
html body.rtl .related-post-wrap{margin-left:0;margin-right:3%}
/* meta icons: icon sits at the start (right) of each item */
html body.rtl :is(.cat-links,.posted-on,.post-comment,.byline,.edit-link .post-edit-link,.published,.author):before{margin-right:0;margin-left:5px}
html body.rtl .entry-meta>span{margin-right:0;margin-left:10px}
html body.rtl .comments-link{float:left}
/* read-more arrow points toward the reading direction (left in RTL) */
html body.rtl article .read-more-button a{padding-left:0}
html body.rtl article .read-more-button a i{display:inline-block;transform:scaleX(-1)}
html body.rtl article .read-more-button:hover a{transform:none}
/* widget list icons: start side (right), arrows mirrored */
html body.rtl :is(.widget_archive,.widget_categories,.widget_recent_entries,.widget_meta,.widget_pages,.widget_nav_menu,.wp-block-latest-posts,.wp-block-archives,.wp-block-categories,.wp-block-page-list) a{padding-left:0;padding-right:30px}
html body.rtl :is(.widget_archive a,.widget_categories a,.widget_recent_entries a,.widget_meta a,.widget_pages li a,.widget_nav_menu li a,.wp-block-latest-posts li a,.wp-block-archives li a,.wp-block-categories li a,.wp-block-page-list li a)::before{left:auto;right:0}
html body.rtl :is(.widget_recent_entries a,.widget_meta a,.widget_nav_menu li a,.wp-block-latest-posts li a)::before{transform:scaleX(-1)}
html body.rtl :is(.widget_recent_comments li,.widget_rss li,.wp-block-latest-comments li){padding-left:0;padding-right:30px}
html body.rtl :is(.widget_recent_comments li,.widget_rss li,.wp-block-latest-comments li)::before{left:auto;right:0}
html body.rtl .widget_recent_entries .post-date{padding-left:0;padding-right:24px}
/* search form pieces */
html body.rtl .widget_search .search-field,html body.rtl .error-404 .page-content .search-field,html body.rtl .no-results .search-field{float:right}
html body.rtl .header-search-wrapper .mt-form-close{right:auto;left:40px}
/* lists, quotes, tables */
html body.rtl li>ol,html body.rtl li>ul{margin-left:0;margin-right:15px}
html body.rtl :is(td,th){text-align:right}
html body.rtl blockquote cite::before{margin-right:0;margin-left:10px}
/* post navigation: "previous" (older) sits at the start = right */
html body.rtl .post-navigation .nav-previous{float:right;text-align:right}
html body.rtl .post-navigation .nav-next{float:left;text-align:right}
html body.rtl :is(.comment-navigation,.posts-navigation) .nav-previous{float:right}
html body.rtl :is(.comment-navigation,.posts-navigation) .nav-next{float:left;text-align:right}
/* comments */
html body.rtl .comment-list .comment-body{text-align:right}
html body.rtl .comment-author img{float:right;margin-right:0;margin-left:15px}
html body.rtl .commentmetadata{float:left}
html body.rtl .comment-form-cookies-consent label{margin-left:0;margin-right:14px}
html body.rtl .comments-area ol.children{margin-right:2em;margin-left:0}
/* author box */
html body.rtl .mt-author-profile-wrapper .author-info-wrap :is(.author-name,.author-description){text-align:right}
html body.rtl .blogbuster-author-image{margin-right:0;margin-left:2%}
/* scroll-to-top: bottom-left so it never covers the right-aligned footer text */
html body.rtl #mt-scrollup{right:auto;left:20px}
/* mobile slide menu / dropdowns open from the start side */
html body.rtl #site-navigation ul li a.mt-sub-menu-toggle{right:auto;left:15px}
html body.rtl #site-navigation ul ul,html body.rtl #site-navigation ul.sub-menu{text-align:right}
@media (max-width:991px){
  html body.rtl #site-navigation .primary-menu-wrap{left:auto;right:0;text-align:right}
}
/* Easy TOC: RTL-aware, readable highlight */
html body .ez-toc-widget-container,html body .ez-toc-widget-container-rtl{direction:rtl;text-align:right}
html body .ez-toc-widget-container ul,html body .ez-toc-widget-container-rtl ul{margin-right:0;padding-right:0;list-style:none}
html body .ez-toc-widget-container ul ul{margin-right:1em;margin-left:0}
html body .ez-toc-widget-container .ez-toc-link:hover,html body .ez-toc-widget-container-rtl .ez-toc-link:hover{color:var(--izs-terra-dark)}
html body .ez-toc-widget-container li.active>a,html body .ez-toc-widget-container-rtl li.active>a{background:var(--izs-sand);color:var(--izs-ink);border-radius:6px;padding:0 6px}
html body .ez-toc-title,html body .ez-toc-title-container{color:var(--izs-blue)}

/* mobile slide menu sits on the blue primary background: links must be light */
html body .responsive-menu-icon-wrapper #site-navigation ul li a{color:#fff}
html body .responsive-menu-icon-wrapper #site-navigation ul li:hover>a,
html body .responsive-menu-icon-wrapper #site-navigation ul li.current-menu-item>a,
html body .responsive-menu-icon-wrapper #site-navigation ul li.current_page_item>a{color:var(--izs-sand)}
html body .responsive-menu-icon-wrapper #site-navigation ul li a{letter-spacing:0;font-size:17px}
/* form controls: readable button label */
html body :is(input[type=submit],.search-submit,.wp-block-search__button,.comment-reply-link,button.submit){font-size:15px;font-weight:700;letter-spacing:0;text-transform:none}
html body :is(.entry-meta,.entry-footer) :is(time,.posted-on,.byline,.author,.comments-link){color:var(--izs-stone-text)}

/* meta line: icon first (right) even when the author name is Latin */
html body.rtl .entry-meta :is(.byline,.author,.posted-on,.cat-links,.comments-link){direction:rtl;unicode-bidi:isolate}
html body.rtl .entry-meta .author a{direction:ltr;unicode-bidi:isolate}
/* static pages: white card, not the theme's pink */
html body.page .archive-content-wrapper article,html body.page article.page,html body.single-page article{background-color:#fff}
/* 404 / no-results: palette instead of pastel rainbow, search form joined */
html body .error-container{font-size:150px}
html body .error-container>span:nth-of-type(1){color:var(--izs-blue);animation:none}
html body .error-container>span:nth-of-type(3){color:var(--izs-terra-dark);animation:none}
html body .error-container>span:nth-of-type(2):before,html body .error-container>span:nth-of-type(2):after{
  animation:none;box-shadow:inset 30px 0 0 var(--izs-olive-dark),inset 0 30px 0 var(--izs-sky),inset -30px 0 0 var(--izs-sand),inset 0 -30px 0 var(--izs-terra)}
html body .error404 .page-content p{letter-spacing:0;text-transform:none;font-size:17px}
html body :is(.error-404,.no-results) .search-form{display:flex;justify-content:center;max-width:680px;margin:0 auto 30px}
html body :is(.error-404,.no-results) .search-form label{flex:1}
html body :is(.error-404,.no-results) .page-content .search-field,html body :is(.error-404,.no-results) .search-field{width:100%!important;margin:0!important;border-radius:0 30px 30px 0;height:46px}
html body.rtl :is(.error-404,.no-results) .page-content input[type=submit]{border-radius:30px 0 0 30px;background:var(--izs-terra-dark);border-color:var(--izs-terra-dark);color:#fff!important}
html body.rtl .widget_search .search-field,html body.rtl .search-form .search-field{border-radius:0 30px 30px 0}
html body.rtl .widget_search .search-submit,html body.rtl .search-form .search-submit{border-radius:30px 0 0 30px}
html body :is(.comment-metadata,.comment-metadata a,.commentmetadata,.commentmetadata a,.comment-author .says){color:var(--izs-stone-text)}
html body #secondary .widget .widget-title,html body #secondary .widget .wp-block-heading,html body #colophon .widget-title,html body .widget-area .widget-title,html body .ez-toc-widget-container .ez-toc-title,html body .ez-toc-widget-container .widget-title{font-family:var(--izs-font);font-weight:700}
html body :is(.entry-title a,.site-title a,.mt-content-title,.page-title,.related-post-title,#comments .comments-title,#comments h3,.comment-reply-title,.nav-content,.nav-title){font-family:var(--izs-font);font-weight:700}
@media (min-width:992px){
  html body .site-branding{flex:0 0 404px;max-width:none}
}
html body.rtl .comments-link:before,html body.rtl .entry-footer .post-comment:before{margin-right:0;margin-left:5px}
html body.rtl .entry-footer :is(.comments-link,.edit-link,.cat-links,.tags-links){direction:rtl;unicode-bidi:isolate}
