/*
 * Шрифты темы. Единственное место с @font-face.
 * Пути относительные (../fonts/), поэтому не зависят от имени папки темы.
 * Подключается один раз в inc/core/organic_time_scripts.php.
 */
/* Thin (100) */
@font-face {
  font-family: "Inter";
  src: url('../fonts/Inter-ThinBETA.woff2') format('woff2'),
  url('../fonts/Inter-ThinBETA.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

/* ExtraLight (200) */
@font-face {
  font-family: "Inter";
  src: url('../fonts/Inter-ExtraLightBETA.woff2') format('woff2'),
  url('../fonts/Inter-ExtraLightBETA.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

/* Light (300) */
@font-face {
  font-family: "Inter";
  src: url('../fonts/Inter-LightBETA.woff2') format('woff2'),
  url('../fonts/Inter-LightBETA.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Regular (400) */
@font-face {
  font-family: "Inter";
  src: url('../fonts/Inter-Regular.woff2') format('woff2'),
  url('../fonts/Inter-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Medium (500) */
@font-face {
  font-family: "Inter";
  src: url('../fonts/Inter-Medium.woff2') format('woff2'),
  url('../fonts/Inter-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* SemiBold (600) */
@font-face {
  font-family: "Inter";
  src: url('../fonts/Inter-SemiBold.woff2') format('woff2'),
  url('../fonts/Inter-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Bold (700) */
@font-face {
  font-family: "Inter";
  src: url('../fonts/Inter-Bold.woff2') format('woff2'),
  url('../fonts/Inter-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ExtraBold (800) */
@font-face {
  font-family: "Inter";
  src: url('../fonts/Inter-ExtraBold.woff2') format('woff2'),
  url('../fonts/Inter-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* Black (900) */
@font-face {
  font-family: "Inter";
  src: url('../fonts/Inter-Black.woff2') format('woff2'),
  url('../fonts/Inter-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

$Geologica:  "Inter", sans-serif;

// Заголовок старницы
@mixin heading-hero {
  font-family: $Geologica;
  font-size: 60px;
  font-weight: 400;
  line-height: 100%;
  @include media-mobile {
    font-size: 40px;
  }
}

// Главный заголовок home
@mixin font-heading-hero {
    font-family: $Geologica;
    font-size: 88px;
    font-weight: 400;
    line-height: 100%;
  @include media-mobile {
    font-size: 40px;
  }
}

// Акционный текст
@mixin font-heading-promo {
    font-family: $Geologica;
    font-size: 40px;
    font-weight: 500;
    line-height: 120%;
}

// Подзаголовок вступления
@mixin font-heading-subhero {
    font-family: $Geologica;
    font-size: 32px;
    font-weight: 400;
    line-height: 120%;
  @include media-mobile {
    font-size: 24px;
  }
}

// Заголовок блока
@mixin font-heading-block-title {
    font-family: $Geologica;
    font-size: 40px;
    font-weight: 400;
    line-height: 120%;
  @include media-mobile {
    font-size: 30px;
  }
}

// Подзаголовок в подблоках
@mixin font-heading-subblock-title {
    font-family: $Geologica;
    font-size: 22px;
    font-weight: 400;
    line-height: 120%;
  @include media-mobile {
    font-size: 18px;
  }
}
@mixin font-heading-subblock2-title {
  font-family: $Geologica;
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  @include media-mobile {
    font-size: 16px;
  }
}


// Текст карточки товара
@mixin font-product-card-text {
    font-family: $Geologica;
    font-size: 16px;
    font-weight: 250;
    line-height: 140%;
    color: $color-text;
  @include media-mobile {
    font-size: 16px;
  }
}

// Старая цена
@mixin font-product-old-price {
    font-family: $Geologica;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    color: $color-old-price;
    text-decoration: line-through;
  @include media-mobile {
    font-size: 12px;
  }
}

// Текущая цена
@mixin font-product-price {
    font-family: $Geologica;
    font-size: 22px;
    font-weight: 400;
    line-height: 100%;
    color: $color-text;
  @include media-mobile {
    font-size: 16px;
  }
}

// Текст кнопки
@mixin font-button-text {
    font-family: $Geologica;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    color: $color-text;
  @include media-mobile {
    font-size: 14px;
  }

  transition: background-color 0.3s, color 0.3s;

  &:hover {
    background-color: $color-green;
    color: #FFFFFF;
  }
}

// Пункты меню
@mixin font-menu-item {
    font-family: $Geologica;
    font-size: 16px;
    font-weight: 300;
    line-height: 120%;
    color: $color-text;
  @include media-mobile {
    font-size: 12px;
  }
}

@mixin font-label-item {
  font-family: $Geologica;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  color: $color-text;
  @include media-mobile {
    font-size: 8px;
  }
}

/* GeologicaCursive */
@font-face {
  font-family: "GeologicaCursive";
  src: url("../fonts/GeologicaCursive-Thin.woff2") format("woff2"), url("../fonts/GeologicaCursive-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GeologicaCursive";
  src: url("../fonts/GeologicaCursive-ExtraLight.woff2") format("woff2"), url("../fonts/GeologicaCursive-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GeologicaCursive";
  src: url("../fonts/GeologicaCursive-Light.woff2") format("woff2"), url("../fonts/GeologicaCursive-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GeologicaCursive";
  src: url("../fonts/GeologicaCursive-Regular.woff2") format("woff2"), url("../fonts/GeologicaCursive-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GeologicaCursive";
  src: url("../fonts/GeologicaCursive-Medium.woff2") format("woff2"), url("../fonts/GeologicaCursive-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GeologicaCursive";
  src: url("../fonts/GeologicaCursive-SemiBold.woff2") format("woff2"), url("../fonts/GeologicaCursive-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GeologicaCursive";
  src: url("../fonts/GeologicaCursive-Bold.woff2") format("woff2"), url("../fonts/GeologicaCursive-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GeologicaCursive";
  src: url("../fonts/GeologicaCursive-ExtraBold.woff2") format("woff2"), url("../fonts/GeologicaCursive-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GeologicaCursive";
  src: url("../fonts/GeologicaCursive-Black.woff2") format("woff2"), url("../fonts/GeologicaCursive-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}