/* ===== SMC Footer (global) ===== */

.smc-site-footer{ /* контейнер-тег у footer.php */
  display:block;
  height:auto!important;
  overflow:visible!important;
  max-width: 1440px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding-left: 70px !important;
  padding-right: 70px !important;
  box-sizing: border-box !important;
}

/* Мобільні відступи 20px для футера */
@media (max-width: 480px){
  .smc-site-footer{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* Блок із фоновим зображенням */
.smc-footer{
  margin: 0;
  max-width: none !important;
  padding: 0 !important;
  min-height: 482px;            /* макет */
  border-radius: 20px;
  background: center / cover no-repeat; /* картинка з inline style */
  position: relative;
}

.smc-footer--nobg{ background:#f7f9f8; }

/* Внутрішня сітка:
   2 рядки: 1) логотип; 2) три колонки
   3 колонки фіксованої ширини + відступи з макета
*/
.smc-footer__inner{
  padding: 70px 166px;
  display: grid;
  grid-template-columns: 175px 316px 225px; /* ширини колонок */
  grid-template-rows: auto auto;            /* 1: лого, 2: контент */
  column-gap: 126px;
  row-gap: 24px;
  align-items: start;
}

/* Розміщення по сітці */
.smc-footer__col--logo{     grid-column:1; grid-row:1; }
.smc-footer__col--menu{     grid-column:1; grid-row:2; }
.smc-footer__col--contacts{ grid-column:2; grid-row:2; }
.smc-footer__col--hours{    grid-column:3; grid-row:2; }

/* Лого */
.smc-footer__logo{
  width:100px;
  max-width:100%;
  height:auto;
  max-height:60px;
  display:block;
}

/* Типографіка */
.smc-footer__h{
  margin:0 0 12px;
  color: var(--Black, #091311);
  font: 600 24px/1 "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.smc-footer__menu,
.smc-footer__list,
.smc-footer__text{
  margin:0;
  padding:0;
  list-style:none;
  color: var(--Black, #091311);
  font: 500 20px/24px "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.smc-footer__menu li + li,
.smc-footer__list li + li{ margin-top:8px; }

.smc-footer__menu a,
.smc-footer__text a{
  color:inherit;
  text-decoration:none;
}
.smc-footer__menu a:hover,
.smc-footer__text a:hover{ text-decoration:underline; }

.smc-footer__section + .smc-footer__section{ margin-top:18px; }

/* Соцмережі — використовуємо ті самі .smc-ico, що і в хедері */
.smc-footer__socials{
  display:flex;
  gap:12px;
  margin-top:12px;
}
.smc-footer__socials .smc-ico{
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:200px;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  background: rgba(255,255,255,0.50);
  text-decoration:none;
  transition: transform .15s ease, opacity .15s ease;
}
.smc-footer__socials .smc-ico:hover{ transform: translateY(-1px); }
.smc-footer__socials .smc-ico svg{ width:20px; height:20px; }

/* Адаптив */
@media (max-width: 1024px){
  .smc-footer__inner{
    padding: 40px 32px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto; /* 1: лого; 2: меню+контакти; 3: графік */
    column-gap: 32px;
    row-gap: 24px;
  }
  .smc-footer__col--logo{ grid-column:1; grid-row:1; }
  .smc-footer__col--menu{ grid-column:1; grid-row:2; }
  .smc-footer__col--contacts{ grid-column:2; grid-row:2; }
  .smc-footer__col--hours{ grid-column:1 / -1; grid-row:3; }
}

@media (max-width: 480px){
  .smc-footer__inner{
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto; /* лого → меню → контакти → графік */
    row-gap: 20px;
  }
  .smc-footer__col--logo{ grid-column:1; grid-row:1; }
  .smc-footer__col--menu{ grid-column:1; grid-row:2; }
  .smc-footer__col--contacts{ grid-column:1; grid-row:3; }
  .smc-footer__col--hours{ grid-column:1; grid-row:4; }
}

/* === Footer socials: white circle + green icons === */
.smc-footer__socials .smc-ico{
  background: #fff;                 /* білий фон кружка */
  color: var(--Green, #01A9A0);     /* зелений колір піктограм (currentColor) */
  box-shadow: 0 6px 16px rgba(0,0,0,.12);
}

.smc-footer__socials .smc-ico:hover{
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(0,0,0,.16);
}

/* YouTube з такого ж SVG як у хедері: прямокутник зеленим, трикутник білим */
.smc-footer__socials .smc-ico .yt-body{ fill: currentColor; }
.smc-footer__socials .smc-ico .yt-play{ fill: #fff; }

/* Instagram / Facebook у хедері малюються через currentColor — цього досить */
/* === Footer socials: circle + brand color === */
.smc-footer__socials .smc-ico,
.smc-footer__socials .smc-footer__ico{
  width: 48px;
  height: 48px;
  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;                   /* білий кружок */
  color: var(--Green, #01A9A0);       /* зелений колір іконок */
  box-shadow: 0 6px 16px rgba(0,0,0,.12);
}

/* Розмір самих піктограм усередині кола */
.smc-footer__socials .smc-ico svg,
.smc-footer__socials .smc-footer__ico svg{
  width: 26px;
  height: 26px;
}

/* YouTube — трохи більша піктограма */
.smc-footer__socials .smc-ico--yt svg,
.smc-footer__socials .smc-footer__ico--yt svg{
  width: 28px;
  height: 28px;
}

/* Прямокутник YouTube — зелений, трикутник — БІЛИЙ */
.smc-footer__socials .smc-ico--yt .yt-body,
.smc-footer__socials .smc-footer__ico--yt .yt-body,
.smc-footer__socials .smc-ico--yt rect{
  fill: currentColor;
}
.smc-footer__socials .smc-ico--yt .yt-play,
.smc-footer__socials .smc-footer__ico--yt .yt-play,
.smc-footer__socials .smc-ico--yt svg rect + path{   /* fallback якщо немає класів */
  fill: #fff !important;
}

/* ховер */
.smc-footer__socials .smc-ico:hover,
.smc-footer__socials .smc-footer__ico:hover{
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(0,0,0,.16);
}
/* === Footer links: default black, hover green === */
.smc-footer {
  --ftr-link: var(--Black, #091311);
  --ftr-link-hover: var(--Green, #01A9A0);
}

/* усі посилання у футері, крім соц-іконок */
.smc-footer a:not(.smc-ico):not(.smc-footer__ico):link,
.smc-footer a:not(.smc-ico):not(.smc-footer__ico):visited {
  color: var(--ftr-link);
  text-decoration: none;
  transition: color .15s ease;
}

.smc-footer a:not(.smc-ico):not(.smc-footer__ico):hover,
.smc-footer a:not(.smc-ico):not(.smc-footer__ico):focus {
  color: var(--ftr-link-hover);
  text-decoration: none;
}

/* (опціонально) явне правило для меню футера */
.smc-footer__menu a:link,
.smc-footer__menu a:visited { color: var(--ftr-link); }
.smc-footer__menu a:hover,
.smc-footer__menu a:focus { color: var(--ftr-link-hover); }


/* ===== Footer — Mobile (≤480px) ===== */
/* =========================
   Mobile footer (≤480px)
   ========================= */
@media (max-width: 480px) {

  /* Кореневий блок футера */
  .smc-footer{
    width: 335px;
    min-height: 684px;        /* висота за макетом */
    margin: 0 auto 24px;      /* центр у вікні */
    padding: 40px 20px 40px 20px; /* top/right/bottom/left */
    border-radius: 20px;

    /* Білий + радіальний градієнт */
    /* background:
      radial-gradient(71% 71% at 50% 50%,
        rgba(180,240,231,0.7) 0%,
        rgba(93,206,196,0.7) 61%,
        rgba(1,169,160,0.7) 87%),
      #fff !important; */ /* перекриває inline background-image */ 

    box-shadow: 0 10px 30px rgba(0,0,0,.08);
    overflow: hidden;          /* акуратні закруглення */
  }

  /* Внутрішня обгортка – без додаткових падінгів */
  .smc-footer__inner{
    display: block;
    max-width: none;
    padding-left: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
    margin: 0;
  }

  /* Колонки -> одна колонка на всю ширину */
  .smc-footer__col{
    width: 100%;
    margin: 0;
    padding: 0;
  }

  /* Лого по центру */
  .smc-footer__col--logo{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
  }
  .smc-footer__logo{
    width: 100px;
    height: auto;
    display: block;
  }

  /* Заголовки футера */
  .smc-footer__h{
    color: var(--Black, rgba(9,19,17,1));
    font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0;
    text-align: left;
    margin: 16px 0 8px;
  }

  /* Пункти меню */
  .smc-footer__menu{
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
  }
  .smc-footer__menu li{ margin: 14px 0 0 0; }
  .smc-footer__menu a{
    color: var(--Black, rgba(9,19,17,1));
    font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0;
    text-align: left;
    text-decoration: none;
    transition: color .15s ease;
  }
  .smc-footer__menu a:hover{ color: var(--Green, #01A9A0); }

  /* Списки та тексти (контакти/графік) */
  .smc-footer__list{
    list-style: none;
    padding: 0;
    margin: 6px 0 18px 0;
  }
  .smc-footer__list li,
  .smc-footer__text,
  .smc-footer__col--contacts a{
    color: var(--Black, rgba(9,19,17,1));
    font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0;
    text-align: left;
    text-decoration: none;
  }
  .smc-footer__col--contacts a:hover,
  .smc-footer__list a:hover{
    color: var(--Green, #01A9A0);
  }

  /* Соц. іконки (як і раніше – білі кружечки, зелена піктограма) */
  .smc-footer__socials{
    display: flex;
    gap: 20px;
    margin-top: 12px;
  }
  .smc-footer__ico{
    width: 40px;
    height: 40px;
    border-radius: 200px;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 16px rgba(0,0,0,.08);
  }
  /* Маски піктограм звідси вже підключені вище у файлі;
     розмір залишаємо 20x20 всередині кружечка */
  .smc-footer__ico::before{
    width: 20px; height: 20px;
  }
}