/* @charset "utf-8"; */
/* ===== SITE ===== */
@import "user-fonts.css"; /* Import Georgian Fonts CSS */
@import "var-params.css"; /* saitis parametrebi */
@import "header.css"; 
@import "blog-pg.css"; 
@import "footer.css"; 
@import "home.css"; 
@import "forms.css"; 
@import "articles-authors.css"; 
@import "fields-readonly.css";
@import "hide-elements.css";
@import "captcha.css";


/* saitis background */
html, body {
  background-image: var(--layout-bg);
  background-size: cover;          /* фон растягивается */
  background-position: center;     /* центрируется */
  background-attachment: fixed;    /* фиксируется при прокрутке */
  width: 100%;
  min-height: 100%;
  font-size: var(--font-size);      /* базовый размер */
  font-weight: var(--font-weight);   /* нормальная насыщенность */
  line-height: var(--line-height);  /* удобный межстрочный интервал */
  color: var(--text-color);         /* цвет текста */

  margin: 0;                       /* убираем лишнее auto */
  margin-top: 10px;
  padding: 0;

  overflow-x: hidden; /* Prevents the horizontal scroll caused by the background extension */
}


/* Общие правила для основных секций */
header.container-header,
.site-grid,
footer.container-footer {
  max-width: 1256px;  /* ограничение сверху */
  width: 100%;        /* занимает всю доступную ширину */
  margin: 0 auto;     /* центрирование */
  padding: 0.0rem var(--side-padding);      /* внутренние отступы */
  box-sizing: border-box;
  grid-column-gap: 0 !important; /* Removes the hidden 16px/1rem gap entirely */
}


/* Разные фоны для каждой зоны */
header.container-header {
  background-color: var(--header-bg);   /* #f5f5f5 */
  background-color: #fff;
  background-image: none;    /* Cassiopea Sablonis gadasafarad - background-image: linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-hover) 100%); */
  color: var(--text-color);
}
.site-grid {
  background-color: var(--articles-bg);
  background-color: #fff;
  color: var(--text-color);         /* цвет текста */
  border-radius: 0px;
}
footer.container-footer {
  background-color: var(--footer-bg);
  background-color: var(--layout-bg);
  background-image: none;    /* Cassiopea Sablonis gadasafarad - background-image: linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-hover) 100%); */
  color: var(--text-color);         /* цвет текста */
  text-align: center;
}




/* Адаптивные брейкпоинты */
@media screen and (max-width: 1024px) {
  header,
  .site-grid, 
  footer {
    max-width: 1024px;
    padding: 0 1.5rem;
  }
  :root { --side-padding: 60px; }

}

@media screen and (max-width: 768px) {
  header,
  .site-grid, 
  footer {
    max-width: 720px;
    padding: 0 1rem;
  }
  :root { --side-padding: 30px; }
}

@media screen and (max-width: 480px) {
  header,
  .site-grid, 
  footer {
    max-width: 100%; /* на телефонах занимает всю ширину */
    padding: 0 0.5rem;
  }
  :root { --side-padding: 15px; }
}




/* ========================================= */

/* BEGIN @media */
@media screen and (max-width: 680px) {
    p {
        -webkit-hyphens: none !important; /* none | manual | auto */
        -moz-hyphens: none !important;
        -ms-hyphens: none !important;
        hyphens: none !important;
        text-align: left !important;
    }
}
@media screen and (max-width: 580px) {

}
/* END @media */