/*
Theme Name: DomWeb Theme
Theme URI: https://example.com/my-unique-theme
Author: DomWeb
Author URI: https://dom-web.ru
Description: Краткое описание моей уникальной темы.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-unique-theme
*/

html, body {
    min-height: 100vh;
    height: auto !important;
        }

.editblock {
    display: inline-block;
}


/* 1. Убираем внутренние отступы и границы */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

 
html {
  /* Плавный скролл */
  scroll-behavior: smooth;
  
  /* Предотвращает изменение размера шрифта на iOS */
  -webkit-text-size-adjust: 100%;
}

/* 3. Наследование шрифтов для форм */
input,
button,
textarea,
select {
  font: inherit;
}

 

/* 5. Убираем подчеркивание у ссылок */
a {
  text-decoration: none;
  color: inherit;
 
  align-items: center;
}

/* 6. Убираем стандартные стили для кнопок */
button {
  background: none;
  border: none;
  cursor: pointer;
}

/* 7. Изображения responsive  */
.imgadapt {
  max-width: 100%;
  height: auto;
  display: block;
}

/* 8. Убираем стандартные стили для полей ввода */
input,
textarea {
  border: none;
  outline: none;
}

/* 9. Предотвращаем перетаскивание изображений */
img {
  -webkit-user-drag: none;
  user-select: none;
  width: 100%;
    height: auto;
}

/* 10. Убираем стрелки у input type="number" */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

/* 11. Базовые настройки для body */
body {
  /* Улучшает рендеринг шрифтов */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
  /* Минимальная высота */
  min-height: 100vh;
  
  /* Строки не разрываются посередине слова */
  line-height: 1.5;
}

/* 12. Сброс стилей для таблиц */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 13. Скрываем элементы с hidden атрибутом */
[hidden] {
  display: none !important;
}

/* 14. Убираем стандартный фон у select в IE */
select::-ms-expand {
  display: none;
}

/* 15. Доступность для скрытых элементов */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


/* Базовая группа элементов для обнуления */
body, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, dl, dd, ol, ul,
figure, hr, fieldset, legend, li {
  margin: 0;
  padding: 0;
}

/* Для списков */
ul, ol {
  list-style: none;
  line-height: normal;
}

li {
line-height: inherit; /* наследует от родителя */
}

/* Для заголовков (опционально) */
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}


 

/* Улучшает читаемость текста */
body {
  text-rendering: optimizeSpeed;
}


/* Эффекты */
.grayscale {
    filter: grayscale(100%);
}


.upp {text-transform: uppercase;}

 /* Выравнивание */

.jc-start {justify-content: flex-start;}
.jc-end {justify-content: flex-end;}
.jc-center {justify-content: center;}
.jc-arround {justify-content: space-arround;}
.jc-between {justify-content: space-between;}
.jc-evenly {justify-content: space-evenly;}

.ac-start {align-content: flex-start;}
.ac-end {align-content: flex-end;}
.ac-center {align-content: center;}
.ac-arround {align-content: space-arround;}
.ac-between {align-content: space-between;}
.ac-stretch {align-content: stretch;}



.ai-start {align-items: flex-start;}
.ai-end {align-items: flex-end;}
.ai-center {align-items: center;}
.ai-stretch {align-items: stretch;}
.ai-baseline {align-items: baseline;}

.alignright {
    float: right;
    margin: 0.375em 0 0.375em 1.5em;
}

.alignleft {
    float: left;
    margin: 0.375em 1.5em 0.375em 0;
    clear: left;
}

.aligncenter {
    display: block;
    margin: 1.5em auto;
    text-align: center;
    clear: both;
}

.alignnone {
    margin: 0.375em 0 1.5em 0;
}

/* Колонки, контейнеры */

.row, .row70, .row80 {
	display:flex;
    box-sizing: border-box;
	flex-wrap: wrap;
}

.row70 {width:70%;} .row80 {width:80%;} 

.col-1-1 { width: 100%; }
.col-1-2 { width: 50%; }
.col-1-3 { width: 33.333333%; }
.col-2-3 { width: 66.666667%; }
.col-1-4 { width: 25%; }
.col-3-4 { width: 75%; }
.col-1-5 { width: 20%; }
.col-2-5 { width: 40%; }
.col-3-5 { width: 60%; }
.col-4-5 { width: 80%; }
.col-1-6 { width: 16.666667%; }
.col-5-6 { width: 83.333333%; }
.col-1-8 { width: 12.5%; }
.col-3-8 { width: 37.5%; }
.col-5-8 { width: 62.5%; }
.col-7-8 { width: 87.5%; }

.col {
    box-sizing: border-box;   
	display:flex;
	flex-direction: column;
}

.flexcol {
    flex-direction: column;
}


.rad5 { border-radius: 5px;}
.rad10 { border-radius: 10px;}
.rad20 { border-radius: 20px;}
.rad30 { border-radius: 30px;}
.rad40 { border-radius: 40px;}
.rad50 { border-radius: 50px;}
.rad60 { border-radius: 60px;}


/* Отступы */

.nowrap {flex-wrap:nowrap;}

.vpadd5 {padding-top:5px; padding-bottom:5px;}
.vpadd10 {padding-top:10px; padding-bottom:10px;}
.vpadd20 {padding-top:20px; padding-bottom:20px;}
.vpadd30 {padding-top:30px; padding-bottom:30px;}
.vpadd40 {padding-top:40px; padding-bottom:40px;}
.vpadd50 {padding-top:50px; padding-bottom:50px;}
.vpadd60 {padding-top:60px; padding-bottom:60px;}
.vpadd70 {padding-top:70px; padding-bottom:70px;}
.vpadd80 {padding-top:80px; padding-bottom:80px;}

.gpadd5 {padding-top:5px; padding-bottom:5px;}
.gpadd10 {padding-left:10px; padding-right:10px;}
.gpadd20 {padding-left:20px; padding-right:20px;}
.gpadd30 {padding-left:30px; padding-right:30px;}
.gpadd40 {padding-left:40px; padding-right:40px;}
.gpadd50 {padding-left:50px; padding-right:50px;}
.gpadd60 {padding-left:60px; padding-right:60px;}
.gpadd70 {padding-left:70px; padding-right:70px;}
.gpadd80 {padding-left:80px; padding-right:80px;}

.vmarg5 {padding-top:5px; padding-bottom:5px;}
.vmarg10 {margin-top:10px; margin-bottom:10px;}
.vmarg20 {margin-top:20px; margin-bottom:20px;}
.vmarg30 {margin-top:30px; margin-bottom:30px;}
.vmarg40 {margin-top:40px; margin-bottom:40px;}
.vmarg50 {margin-top:50px; margin-bottom:50px;}
.vmarg60 {margin-top:60px; margin-bottom:60px;}
.vmarg70 {margin-top:70px; margin-bottom:70px;}
.vmarg80 {margin-top:80px; margin-bottom:80px;}

.gmarg5 {padding-top:5px; padding-bottom:5px;}
.gmarg10 {margin-left:10px; margin-right:10px;}
.gmarg20 {margin-left:20px; margin-right:20px;}
.gmarg30 {margin-left:30px; margin-right:30px;}
.gmarg40 {margin-left:40px; margin-right:40px;}
.gmarg50 {margin-left:50px; margin-right:50px;}
.gmarg60 {margin-left:60px; margin-right:60px;}
.gmarg70 {margin-left:70px; margin-right:70px;}
.gmarg80 {margin-left:80px; margin-right:80px;}

.vgap5 {row-gap:5px;}
.vgap10 {row-gap:10px;}
.vgap20 {row-gap:20px;}
.vgap30 {row-gap:30px;}
.vgap40 {row-gap:40px;}
.vgap50 {row-gap:50px;}
.vgap60 {row-gap:60px;}
.vgap70 {row-gap:70px;}
.vgap80 {row-gap:80px;}

.ggap5 {column-gap:5px;}
.ggap10 {column-gap:10px;}
.ggap20 {column-gap:20px;}
.ggap30 {column-gap:30px;}
.ggap40 {column-gap:40px;}
.ggap50 {column-gap:50px;}
.ggap60 {column-gap:60px;}
.ggap70 {column-gap:70px;}
.ggap80 {column-gap:80px;}

.fitcont {width:fit-content;}
 
/* Интервалы */

.intrval20 {height:20px;}
.intrval30 {height:30px;}	
.intrval40 {height:40px;}
.intrval60 {height:60px;}
.intrval90 {height:90px;}


/* размеры шрифтов */

.fns70 {font-size:70px;}.fns60 {font-size:60px;}.fns50 {font-size:50px;}.fns40 {font-size:40px;}.fns35 {font-size:35px;}.fns30 {font-size:30px;}.fns25 {font-size:25px;}.fns23 {font-size:23px;}.fns20 {font-size:20px;}.fns18 {font-size:18px;}.fns16 {font-size:16px;}.fns14 {font-size:14px;}.fns12 {font-size:12px;}.fns10 {font-size:10px;}.fns9 {font-size:9px;}.fns8 {font-size:8px;}.fns7 {font-size:7px;}



@media (max-width: 768px) {
	
	
	/* Отключает подсветку при тапе на мобильных */
  * {-webkit-tap-highlight-color: transparent;}
  
 .alignright, .alignleft {
        float: none;
        margin: 0.625em 0;
        display: block;
        clear: both;
    }  
	
	
  
  .col-1-2,
  .col-1-3,
  .col-2-3,
  .col-1-4,
  .col-3-4,
  .col-1-5,
  .col-2-5,
  .col-3-5,
  .col-4-5,
  .col-1-6,
  .col-5-6,
  .col-1-8,
  .col-3-8,
  .col-5-8,
  .col-7-8
  {
    width: 100%;
  }
  
  
}