/*
Theme Name: ei-design
Description: Тема оформления проекта «Это Израиль»: глобальный интерфейс, навигация и шаблоны модулей ei-plugin.
Version: 5.0.1
Requires at least: 6.4
Requires PHP: 7.4
*/
 


:root {
    /* ТЕКСТ */
    --font-size-xs:         12px;
    --font-size-s:          15px;
    --font-size-normal:     16px;
    --font-size-m:          18px;
    --font-size-l:          20px;
    --font-size-xl:         clamp(35px, 5vw, 60px);

    --font-weight-light:    300;
    --font-weight-normal:   400;
    --font-weight-medium:   500;
    --font-weight-strong:   600;
    --font-weight-bold:     700;
    --font-weight-extrabold:800;

    --font-color-light:     #555B64;
    --font-color-normal:    #111827;
    --font-color-dark:      #202020;
    --font-color-extradark: #000000;

    /* ССЫЛКА */
    --link-normal:          #2563EB;
    --link-hover:           #1D4ED8;

    /* АКЦЕНТ */
    --accent-normal:        #D84B24;
    --accent-dark:          #9A3412;

    /* ФОН */
    --page-bg:              #F5F5F5;
    --main-bg:              #FFFFFF;

    /* ОТСТУПЫ */
    --mobile-padding:       20px 16px 0 16px;
    --tablet-padding:       20px 24px 0 24px;
    --desktop-padding:      20px 32px 0 32px;
    --global-gap:           24px;

    /* РАМКИ */
    --border-color:         #E5E7EB;
    --border-radius:        12px;
}



*,
*::before,
*::after {
    box-sizing:border-box;
}

html {
    line-height:1.5;
    scroll-behavior:smooth;
    -webkit-text-size-adjust:100%;
}

body {
    margin:         0;
    padding:        0;
    background:     var(--page-bg);
    font-family:    system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color:          var(--font-color-normal);
    font-size:      var(--font-size-normal);
    font-weight:    var(--font-weight-normal);
    line-height:    1.5;
    text-rendering: optimizeLegibility;
}

/* Ссылка переход к главной части страницы */
.skip_link {position:fixed; top:12px; left:12px; z-index:100000; transform:translateY(-160%);}
    .skip_link:focus {transform: translateY(0);}
    body.admin-bar .skip_link:focus {top:52px;}

h1, h2, h3, h4, h5, h6, h7 {
    display:block; 
    margin-block-start: 0px; 
    margin-block-end:   0px; 
    margin-inline-start:0px; 
    margin-inline-end:  0px; 
    font-weight:        normal; 
    unicode-bidi:       isolate;
}


/* Заголовок страниц сайта */
.__page_title {width:100%; gap:0;}

.__page_title > h1 {
    width:          100%;
    color:          var(--font-color-dark);
    font-size:      var(--font-size-xl);
    font-weight:    var(--font-weight-extrabold);
    line-height:    .96;
    letter-spacing: -.04em;
}

.__page_title > span {
    display:        block;
    width:          100%;
    margin:         0px;
    color:          var(--font-color-light);
    font-size:      var(--font-size-normal);
    font-weight:    var(--font-weight-normal);
}
@media (min-width: 640px) {.__page_title > span {margin:7px 0 0;}}


/* Макет страницы (направление блоков) */
.__main-side,
.__side-main {display:flex; flex-direction:column; align-items:stretch; margin-inline:auto;}
.__main-side > .__main,
.__side-main > .__main {border:0;}
.__main-side > *,
.__side-main > * {min-width:0;}

@media (min-width: 640px) {
    .__main-side,
    .__side-main {flex-direction:row;}
    .__main-side > .__main {order:1; border-right:1px solid var(--border-color);}
    .__main-side > .__side {order:2;}
    .__side-main > .__side {order:1;}
    .__side-main > .__main {order:2; border-left:1px solid var(--border-color);}
}


/* Макет страницы (ширина блоков main и side) */
.__100 {box-sizing:border-box; width:min(100%, 1280px); margin-inline:auto; background:var(--main-bg);}
.__70,
.__60,
.__40,
.__30 {box-sizing:border-box; width:100%; min-width:0;}

@media (min-width: 640px) {
    .__65 {width:calc(100% - 350px);}
    .__30 {width:350px; flex:0 0 350px;}
    .__60 {width:60%;}
    .__40 {width:40%;}
}

@media (min-width: 1024px) {
    .__65 {width:calc(100% - 350px);}
    .__35 {width:350px; flex:0 0 350px;}
    .__60 {width:60%;}
    .__40 {min-width:400px;}
}


/* Макет страницы (сетка материалов) */ 
.__grid {display:grid; grid-template-columns:minmax(0, 1fr); align-items:stretch; width:100%; margin-inline:auto; gap:24px;} 
@media (min-width: 640px)   {.__grid {grid-template-columns:repeat(2, minmax(0, 1fr));}} 
@media (min-width: 1024px)  {.__grid {grid-template-columns:repeat(3, minmax(0, 1fr));}} 
    .__grid:empty {display:none;} 
    .__grid > * {min-width:0; margin:0;} 

/* Настройки сетки для главной страницы */ 
.home__grid {width:100%;} 
@media (min-width: 640px)   {.home__grid > :first-child {grid-column:1 / -1;}} 
@media (min-width: 1024px)  {.home__grid > :first-child {grid-column:span 2;}} 


/* Макет страницы (блок с отступами) */ 
.__box {box-sizing:border-box; display:flex; flex-direction:column; gap:var(--global-gap); padding:var(--mobile-padding);} 
@media (min-width: 640px)   {.__box {padding:var(--tablet-padding);}} 
@media (min-width: 1024px)  {.__box {padding:var(--desktop-padding);}} 

/* Доступность и базовые элементы */
[hidden] {display:none !important;}
.screen-reader-text {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
img {max-width:100%; height:auto;}
@media (prefers-reduced-motion:reduce) {html {scroll-behavior:auto;}}