/*
 Theme Name:  Konte Child
 Template:    konte
 Version:     1.0
*/

/* 1️⃣  ExtraLight 200 */
@font-face{
  font-family: "Manrope";
  src: url("fonts/subset-Manrope-ExtraLight.woff2") format("woff2"),
       url("fonts/subset-Manrope-ExtraLight.woff")  format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

/* 2️⃣  Light 300 */
@font-face{
  font-family: "Manrope";
  src: url("fonts/subset-Manrope-Light.woff2") format("woff2"),
       url("fonts/subset-Manrope-Light.woff")  format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

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

/* 1) Общие стили для кнопки Google (главная страница + оф-канвас) */
.kc-social-login,
.woocommerce-form-login .kc-social-login {
  width: 100% !important;
  max-width: none !important;
  margin-top: 20px !important;  /* одинаковый отступ над кнопкой */
}

/* Контейнер шорткода растягиваем на всю ширину */
.kc-social-login .nsl-container-buttons,
.kc-social-login a.nsl-container-buttons {
  display: block !important;
  width: 100% !important;
}

/* 2) Фиксируем высоту и центрируем содержимое точно как у ваших Sign in / Create Account */
.kc-social-login .nsl-button-default {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 52px !important;       /* подогнать под высоту вашей основной кнопки */
  padding: 0 20px !important;
  box-sizing: border-box !important;

  background-color: #fff !important;
  border: 1px solid #000 !important;
  color: #000 !important;
}

/* 3) Убираем лишний внешний отступ у Lost Password, если он «липнет» */
.kc-social-login + .lost_password,
.kc-social-login + .woocommerce-LostPassword {
  margin-top: 1.5em !important;
}

.konte-offcanvas .kc-social-login {
  margin-top: 5px !important;
}

.kc-social-login {
  margin-top: 0em;
}

/* Сбрасываем «margin:1.5em 0 0;» из inline style */
.kc-social-login[style] {
  margin-top: 0 !important;
}

/* Задаём единый отступ сверху под ваши кнопки */
.kc-social-login {
  margin-top: 10px !important;  /* отрегулируйте величину под ваш дизайн */
}

/* Оф-канвас-меню (если нужно чуть другой отступ — можно убрать) */
.konte-offcanvas .kc-social-login {
  margin-top: 10px !important;
}