/*
Theme Name: E-Tineret
Text Domain: e-tineret
*/

:root {
  
  --et-primary-blue: #154ADC;
  --et-primary-blue-hover: #123EC7;
  --et-secondary-blue: #1F59F9;
  --et-secondary-blue-hover: #1848CB;
  --et-accent-yellow: #F7D303;

  --et-text-dark: #0D1B2A;
  --et-text-mid: #525252;
  --et-text-soft: #6B7280;
  --et-text-light: #9B9B9B;

  --et-bg-light: #F5F5F5;
  --et-bg-gray: #F6F8FA;
  --et-bg-blue-light: #F0F5FF;
  --et-bg-blue-extra-light: #E6EEFF;

  --et-border-light: #E6E6E6;
  --et-border-gray: #E2E6EC;
  --et-border-blue: #E6EAF5;

  --et-font-onest: 'Onest', system-ui, sans-serif;
  --et-font-size-base: 14px;
  --et-font-size-eyebrow: 16px;
  --et-font-weight-normal: 400;
  --et-font-weight-medium: 500;
  --et-font-weight-semibold: 600;
  --et-font-weight-bold: 700;

  --et-section-padding: clamp(40px, 6vw, 86px);
  --et-container-gap: clamp(18px, 4.8vw, 72px);

  --et-adaptive-gutter: clamp(70px, 4.86vw, 180px);

  --et-eyebrow-color: var(--et-text-light);
  --et-eyebrow-icon-color: var(--et-primary-blue);
  --et-eyebrow-font-size: var(--et-font-size-eyebrow);
  --et-eyebrow-font-weight: var(--et-font-weight-medium);
  --et-eyebrow-gap: 10px;
  --et-eyebrow-margin-bottom: 12px;
  --et-eyebrow-icon-size: 16px;
}

body { 
  font-family: var(--et-font-onest); 
  font-size: var(--et-font-size-base); 
}

a {
  text-decoration: none !important;
}

.et-section-eyebrow {
  display: flex;
  align-items: center;
  gap: var(--et-eyebrow-gap);
  margin: 0 0 var(--et-eyebrow-margin-bottom);
  font-size: var(--et-eyebrow-font-size);
  font-weight: var(--et-eyebrow-font-weight);
  color: var(--et-eyebrow-color);
}

.et-section-eyebrow-svg {
  color: var(--et-eyebrow-icon-color);
  width: var(--et-eyebrow-icon-size);
  height: var(--et-eyebrow-icon-size);
  display: inline-flex;
  flex-shrink: 0;
}

.et-section-eyebrow-svg svg {
  width: 100%;
  height: 100%;
  display: block;
}

.et-section-eyebrow-text {
  line-height: 1.2;
}

@media (min-width: 992px) {
  
  .et-adaptive-container {
    width: calc(100% - (2 * var(--et-adaptive-gutter)));
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .container {
    width: calc(100% - (2 * var(--et-adaptive-gutter)));
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .et-full-width {
    width: 100%;
  }
  
  .et-full-width .et-inner {
    width: calc(100% - (2 * var(--et-adaptive-gutter)));
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }
}

.site-header,
header,
.navbar {
  position: relative;
  z-index: 2000;
}
.nav .dropdown-menu,
.navbar .dropdown-menu,
.custom-dropdown-menu {
  z-index: 2100 !important;
}

.custom-logo { max-height: 60px; height: auto; max-width: 164px; }
.offcanvas-header .custom-logo { max-height: 42px; }

.bg-primary-top-bar { background-color: var(--et-primary-blue); }
.bg-primary-top-bar .container.gap-3,
.bg-primary-top-bar .container { gap: 12px !important; }

.main-menu-link,
.navbar .nav-link {
  font-size: var(--et-font-size-base) !important;
  color: #232323 !important;
  padding: 0 12px !important;
  background: none !important;
  border: none !important;
  text-decoration: none !important;
  font-weight: var(--et-font-weight-normal);
  line-height: 1.6;
  height: 44px;
  display: flex;
  align-items: center;
  position: relative;
  transition: color .2s ease !important;
}
.main-menu-link::before,
.navbar .nav-link::before {
  content: "";
  position: absolute;
  left: 10px; right: 10px; bottom: 6px;
  height: 2px; background: var(--et-primary-blue);
  transform: scaleX(0); transform-origin: center;
  transition: transform .2s ease; border-radius: 2px; pointer-events: none;
}
.main-menu-link:hover, .main-menu-link:focus-visible,
.navbar .nav-link:hover, .navbar .nav-link:focus-visible {
  color: var(--et-primary-blue) !important; text-decoration: none !important;
}
.main-menu-link:hover::before, .main-menu-link:focus-visible::before,
.navbar .nav-link:hover::before, .navbar .nav-link:focus-visible::before {
  transform: scaleX(1);
}

.top-bar-link {
  font-size: var(--et-font-size-base) !important; color: #fff !important;
  background: none !important; border: none !important;
  text-decoration: none !important; font-weight: var(--et-font-weight-normal);
  height: 41px; display: inline-flex; align-items: center;
  padding: 0 10px; border-radius: 8px;
  transition: background-color .2s ease, color .2s ease;
}
.top-bar-link:hover, .top-bar-link:focus-visible {
  background: rgba(255,255,255,0.15); color: #fff !important;
}

.top-bar-link:focus, .custom-dropdown-toggle:focus,
.main-menu-link:focus, .custom-dropdown-toggle:focus {
  outline: none !important; box-shadow: none !important; border: none !important;
}

.nav.gap-3, .nav.gap-2, .nav { gap: 0px !important; }

.custom-dropdown { position: relative; display: inline-flex; align-items: center; font-size: var(--et-font-size-base); height: 41px; }
.custom-dropdown-toggle {
  background: none; border: none; color: #fff; font-size: var(--et-font-size-base);
  padding: 0 8px 0 0; cursor: pointer; outline: none; font-family: inherit;
  font-weight: var(--et-font-weight-medium); display: inline-flex; align-items: center; height: 41px;
  border-radius: 8px; transition: background-color .2s ease, color .2s ease;
}
.custom-dropdown-toggle:hover, .custom-dropdown.open .custom-dropdown-toggle { background: rgba(255,255,255,0.15); }
.custom-dropdown-caret {
  width: 14px; height: 14px; display: inline-block; margin-left: 6px;
  background: url("../img/dropdown2.png") no-repeat center / contain;
  font-size: 0; line-height: 0; transition: transform .2s ease;
}

/* Reset list-style la dropdown (ascunde markerii) */
.custom-dropdown-menu,
.custom-dropdown-menu li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Unele seturi de CSS pot seta content pe ::marker; forțăm ascunderea */
.custom-dropdown-menu li::marker {
  content: none !important; /* sau: '' */
}

.custom-dropdown.open .custom-dropdown-caret { transform: rotate(180deg); }
.custom-dropdown-menu {
  display: none; position: absolute; top: 100%; left: 0; min-width: 120px;
  background: #fff; border: 1px solid var(--et-border-blue); box-shadow: 0 8px 24px rgba(21,74,220,0.12);
  border-radius: 10px; z-index: 10000!important; margin: 8px 0 0 0; padding: 6px;
}
.custom-dropdown.open .custom-dropdown-menu { display: block; }
.custom-dropdown-item {
  display: block; padding: 10px 12px; color: #222; font-size: 14px; line-height: 1.25;
  text-decoration: none; border-radius: 6px; transition: background-color .15s ease, color .15s ease;
}
.custom-dropdown-item:hover, .custom-dropdown-item:focus { background: var(--et-bg-blue-light); color: var(--et-primary-blue); text-decoration: none; }

.mobile-utilities { margin-top: 4px; }
.btn-search-top {
  background: none; border: none; padding: 0; margin: 0; box-shadow: none; outline: none;
  display: inline-flex; align-items: center; justify-content: center;
  height: 44px; width: 44px; cursor: pointer; border-radius: 8px; transition: background-color .2s ease;
}
.btn-search-top:focus, .btn-search-top:hover { background: rgba(38,77,228,0.12); }

.et-btn {
  display: inline-flex; align-items: center; justify-content: center;
  font-family: var(--et-font-onest); font-size: 0.9rem; font-weight: var(--et-font-weight-normal);
  padding: 0 1.2em; border: none; border-radius: 22px; cursor: pointer;
  transition: background .2s, color .2s, box-shadow .2s; line-height: 1.2;
  text-decoration: none; outline: none; height: 44px; min-height: 44px;
}
.et-btn--primary { background: #264de4; color: #fff; }
.et-btn--primary:hover, .et-btn--primary:focus-visible { background: #1c37a5; color: #fff; text-decoration: none; }
.et-btn--outline { background: #fff; color: #264de4; border: 2px solid #264de4; }
.et-btn--outline:hover, .et-btn--outline:focus-visible { background: #e6ecfa; color: #264de4; text-decoration: none; }

.et-btn__icon {
  display: inline-flex; align-items: center; justify-content: center;
  margin-left: 0.5em; width: 1.7em; height: 1.7em; border-radius: 50%;
  border: 2px solid #264de4; background: #264de4; color: #fff; font-size: 1em;
}
.et-btn--outline .et-btn__icon { background: #264de4; color: #fff; border: 2px solid #264de4; }
.et-btn:active { box-shadow: none; }

.et-section-title {
  font-size: 38px;
  font-weight: var(--et-font-weight-semibold);
  line-height: 1.08;
  color: var(--et-text-dark);
  letter-spacing: -0.3px;
  
}

.et-btn--unified {
  background: var(--et-primary-blue);
  color: #fff;
  border-radius: 28px;
  height: 46px;
  min-height: 46px;
  padding: 0 26px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 0.95rem;
  font-weight: 600;
  transition: transform .18s ease, box-shadow .22s ease, background-color .18s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

.et-btn--unified:hover,
.et-btn--unified:focus-visible {
  background: var(--et-primary-blue-hover);
  box-shadow: 0 10px 24px rgba(21,74,220,0.28), 0 2px 6px rgba(0,0,0,0.06);
  transform: translateY(-1px);
  color: #fff;
  text-decoration: none;
}

.et-btn--unified:active {
  transform: translateY(0);
  box-shadow: 0 6px 16px rgba(21,74,220,0.22);
}

.et-btn__arrow,
.et-more-link__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.et-btn__arrow svg,
.et-more-link__arrow svg {
  width: 100%;
  height: 100%;
  display: block;
}

.et-more-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--et-primary-blue);
  text-decoration: none;
  white-space: nowrap;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.1px;
  transition: text-decoration-color .15s ease;
}

.et-more-link:hover,
.et-more-link:focus-visible {
  text-decoration: underline;
  color: var(--et-primary-blue);
}

.et-cta-card {
  --cta-radius: 16px;
}

.et-news-card {
  border-radius: 16px;
}

.et-news-thumb {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.et-news-body {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.et-gallery-item,
.et-gallery-thumb {
  border-radius: 16px;
}

.et-faq-item {
  border-radius: 16px;
}

.et-about-img,
.et-about-img img {
  border-radius: 16px;
}

.btn-social {
  width: 42px; height: 42px; border-radius: 50%; border: 2px solid #264de4;
  color: #264de4; background: #fff; display: inline-flex; align-items: center; justify-content: center;
  text-decoration: none; transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .15s ease;
  font-size: 1.2rem; line-height: 1;
}
.btn-social:hover, .btn-social:focus-visible { background: #264de4; color: #fff; transform: translateY(-1px); }
.btn-social i { line-height: 1; }

.nav .dropdown-menu, .navbar .dropdown-menu {
  border-radius: 10px !important; border: 1px solid var(--et-border-blue) !important;
  box-shadow: 0 8px 24px rgba(21,74,220,0.10) !important; padding: 6px !important;
  background: #fff !important;
}
.nav .dropdown-item, .navbar .dropdown-item {
  font-size: var(--et-font-size-base) !important; border-radius: 6px !important;
  padding: 10px 12px !important; transition: background-color .15s ease, color .15s ease;
}
.nav .dropdown-item:hover, .nav .dropdown-item:focus-visible {
  background: var(--et-bg-blue-light) !important; color: var(--et-primary-blue) !important;
}
header nav .dropdown.show > .dropdown-toggle { color: var(--et-primary-blue) !important; }
header nav .dropdown-toggle::after {
  content: ""; display: inline-block; width: 14px; height: 14px;
  margin-left: 6px; vertical-align: middle;
  background: url("../img/dropdown.png") no-repeat center / contain;
  border: none !important;
}
header nav .dropdown.show > .dropdown-toggle::after,
header nav .menu-item-has-children.show > a.dropdown-toggle::after {
  transform: rotate(180deg);
}

@media (max-width: 991.98px) {
  .offcanvas { display: none !important; }
}

@media (max-width: 1200px) {
  .et-btn { height: 40px; min-height: 40px; border-radius: 20px; padding: 0 1.1em; font-size: 0.9rem; }
  .btn-social { width: 40px; height: 40px; font-size: 1.15rem; }
  .bg-primary-top-bar .container { gap: 10px !important; }
}
@media (max-width: 992px) {
  .et-btn { height: 38px; min-height: 38px; border-radius: 19px; padding: 0 1em; font-size: 0.88rem; }
  .btn-social { width: 38px; height: 38px; font-size: 1.1rem; }
  .custom-logo { max-height: 52px; max-width: 150px; }
  .navbar .nav-link, .main-menu-link { padding: 0 10px !important; }
}
@media (hover: none) {
  .top-bar-link:hover, .btn-search-top:hover, .btn-social:hover,
  .et-btn--outline:hover, .et-btn--primary:hover {
    background: inherit; color: inherit;
  }
}
@media (max-width: 991.98px) {
  header .container {
    justify-content: space-between;
  }
  header .navbar-brand,
  header .custom-logo-link {
    margin-right: auto;
    display: inline-flex;
    align-items: center;
  }
}

@media (max-width: 991.98px) {
  :root {
    --mob-hdr-offset: 0px;
    --mob-hdr-height: 58px;
    --mob-hdr-bg: var(--et-primary-blue);
  }
  .et-mobile-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3000;
    width: 100%;
    pointer-events: none;
    transition: transform .3s ease, opacity .2s ease;
    transform: translateY(0);
  }
  .et-mobile-header.is-hiding {
    transform: translateY(-100%);
  }
  .et-mob-header-bar {
    background: var(--mob-hdr-bg);
    color: #fff;
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: 0;
    padding: 10px 18px;
    box-shadow: 0 2px 12px rgba(21,74,220,0.06);
    pointer-events: auto;
    min-height: var(--mob-hdr-height);
  }
  .et-mob-header-bar {
    gap: 14px;
    margin: 0;
  }
  .et-mob-menu-btn {
    background: none;
    border: none;
    margin: 0 0 0 2px;
    padding: 0;
    outline: none;
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  .et-mob-menu-icircle {
    width: 38px; height: 38px; border-radius: 50%;
    background: #fff;
    color: var(--mob-hdr-bg);
    display: inline-flex; align-items: center; justify-content: center;
    box-shadow: 0 2px 8px rgba(21,74,220,0.09);
    transition: background .18s, color .18s, transform .18s;
  }
  .et-mob-menu-btn:active .et-mob-menu-icircle,
  .et-mob-menu-btn:focus .et-mob-menu-icircle {
    background: #e6ecfa;
    color: var(--mob-hdr-bg);
  }
  .et-mob-header-brand {
    margin-left: 8px;
    display: flex;
    align-items: center;
    font-size: 1.13rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.13;
    letter-spacing: -0.5px;
    white-space: nowrap;
  }
  .et-mob-header-logo {
    display: block;
    max-height: 34px;
    max-width: 120px;
    width: auto;
    height: auto;
  }
  .et-burger {
    position: relative;
    width: 22px; height: 2px;
    background: var(--mob-hdr-bg);
    border-radius: 2px;
    transition: background .2s ease, transform .2s ease;
    display: inline-block;
  }
  .et-burger::before,
  .et-burger::after {
    content: "";
    position: absolute;
    left: 0; right: 0;
    height: 2px;
    background: var(--mob-hdr-bg);
    border-radius: 2px;
    transition: transform .25s ease, top .25s ease, bottom .25s ease, opacity .2s ease;
  }
  .et-burger::before { top: -6px; }
  .et-burger::after  { bottom: -6px; }
  .et-mobile-header.is-open .et-burger { background: transparent; }
  .et-mobile-header.is-open .et-burger::before { top: 0; transform: rotate(45deg); }
  .et-mobile-header.is-open .et-burger::after  { bottom: 0; transform: rotate(-45deg); }
}

@media (max-width: 991.98px) {
  body.is-mobile-menu-open { overflow: hidden; }
  body.is-mobile-menu-open .et-mobile-header { opacity: 0; pointer-events: none; }

  .et-mobile-menu {
    position: fixed; inset: 0;
    z-index: 4000;
    color: #fff;
    display: grid;
    grid-template-rows: var(--mob-hdr-height) 1fr auto;
    align-items: stretch;
    opacity: 0; pointer-events: none;
    transition: opacity .2s ease;
  }
  .et-mobile-menu.is-open { opacity: 1; pointer-events: auto; }
  .et-mobile-menu::before {
    content: "";
    position: fixed; inset: 0;
    background: var(--mob-hdr-bg, #154ADC);
    clip-path: circle(0 at var(--bubble-x, 40px) var(--bubble-y, 40px));
    transition: clip-path .48s cubic-bezier(.2,.8,.2,1);
    will-change: clip-path;
    z-index: -1;
  }
  .et-mobile-menu.is-open::before {
    clip-path: circle(var(--bubble-r, 160vmax) at var(--bubble-x, 40px) var(--bubble-y, 40px));
  }
  .et-mobile-menu__top,
  .et-mobile-menu__scroll,
  .et-mobile-menu__footer { position: relative; z-index: 1; }
  .et-mobile-menu__top { height: calc(var(--mob-hdr-height) + 8px); }
  .et-mobile-menu__close {
    position: fixed;
    left: var(--close-left, 10px);
    top: var(--close-top, 10px);
    width: 38px; height: 38px;
    border-radius: 50%;
    background: #fff;
    color: #154ADC;
    border: none;
    box-shadow: 0 2px 8px rgba(21,74,220,0.18);
    display: inline-flex; align-items: center; justify-content: center;
    outline: none;
    transition: transform .15s ease, background-color .2s ease, color .2s ease;
    z-index: 2;
  }
  .et-mobile-menu__close:hover,
  .et-mobile-menu__close:focus-visible { transform: translateY(-1px); background: #E8EEFF; color:#154ADC; }
  .et-mobile-menu__brand {
    position: fixed;
    left: var(--brand-left, 60px);
    top: var(--brand-top, 12px);
    width: var(--brand-width, auto);
    height: var(--brand-height, auto);
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    z-index: 1;
  }
  .et-mobile-menu__brand-logo {
    display: inline-block;
    max-height: 34px;
    max-width: 120px;
    width: auto;
    height: auto;
    vertical-align: middle;
    filter: brightness(0) invert(1);
  }
  .et-mobile-menu__brand-text {
    font-weight: 800;
    font-size: 1.13rem;
    color: #fff;
    letter-spacing: -0.3px;
    text-decoration: none;
  }
  .et-mobile-menu__scroll {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 24px 18px 12px;
  }
  .et-mobile-menu__nav .menu,
  .et-mobile-menu__nav ul { list-style:none; padding:0; margin:0; }
  .et-mobile-menu__nav .menu > li > a,
  .et-mobile-menu__nav > ul > li > a {
    display:block; color:#fff; text-decoration:none;
    text-align:center; font-weight:800;
    font-size:clamp(18px,5.6vw,24px);
    padding:12px 10px;
    border-radius:10px;
    transition: background-color .15s ease, transform .12s ease;
  }
  .et-mobile-menu__nav a:hover,
  .et-mobile-menu__nav a:focus-visible { background:rgba(255,255,255,0.12); transform:translateY(-1px); }
  .et-mobile-menu__nav .menu-item-has-children > a { position:relative; padding-right:28px; }
  .et-mobile-menu__nav .menu-item-has-children > a::after {
    content:""; position:absolute; right:8px; top:50%;
    width:14px; height:14px; transform:translateY(-50%) rotate(0deg);
    background:url("../img/dropdown.png") no-repeat center / contain;
    transition:transform .2s ease; filter:brightness(0) invert(1);
  }
  .et-mobile-menu__nav .menu-item-has-children.show > a::after { transform:translateY(-50%) rotate(180deg); }
  .et-mobile-menu__nav .menu-item-has-children > .sub-menu { display:none; padding:2px 6px 12px; }
  .et-mobile-menu__nav .menu-item-has-children.show > .sub-menu { display:block; }
  .et-mobile-menu__nav .sub-menu > li > a {
    display:block; color:rgba(255,255,255,0.95); text-decoration:none;
    text-align:center; font-weight:700; font-size:16px;
    padding:10px 10px; border-radius:8px;
  }
  .et-mobile-menu__nav .sub-menu > li > a:hover { background:rgba(255,255,255,0.10); }

  .et-mobile-menu__footer {
    padding: 12px 18px calc(12px + env(safe-area-inset-bottom));
    display: grid; gap: 12px; justify-items: center;
  }
  .et-mobile-menu__actions { display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }
  .et-mobile-menu__btn {
    background:#fff; color:#154ADC; border:none; border-radius:999px;
    height:42px; padding:0 16px; font-weight:700; text-decoration:none;
    display:inline-flex; align-items:center; gap:8px;
  }
  .et-mobile-menu__btn--outline { background:transparent; color:#fff; border:2px solid #fff; }
  .et-mobile-menu__social { display:flex; gap:10px; justify-content:center; }
  .et-mobile-menu__social a {
    width:42px; height:42px; border-radius:50%; border:2px solid #fff; color:#fff;
    display:inline-flex; align-items:center; justify-content:center; text-decoration:none;
    transition: background-color .15s ease, color .15s ease, transform .12s ease;
    font-size:1.15rem;
  }
  .et-mobile-menu__social a:hover { background:#fff; color:#154ADC; transform:translateY(-1px); }
}

.border-bottom {
  border: 0px!important;
}

@media (min-width: 992px) {
  header.bg-white.border-bottom {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 0px!important;
  }
  .site-header {
    transition: box-shadow .2s ease, background-color .2s ease;
    will-change: transform;
    z-index: 2100;
  }
  .site-header.is-stuck {
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 2100;
    transform: translateY(-100%);
    background: #fff;
    transition: transform .28s ease, box-shadow .2s ease, background-color .2s ease;
  }
  .site-header.is-stuck.is-visible {
    transform: translateY(0);
    box-shadow: 0 4px 20px rgba(0,0,0,0.06);
  }
  .et-header-spacer { display:none; }
  .et-header-spacer.is-active { display:block; }
}

.header-social {
  display: flex;
  gap: 8px;
}
.header-social .btn-social {
  width: 44px; height: 44px;
  border-radius: 50%;
  border: 2px solid var(--et-primary-blue);
  background: transparent;
  color: var(--et-primary-blue);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: background .18s, color .18s, border-color .18s, transform .18s;
}
.header-social .btn-social svg {
  width: 24px; height: 24px;
  display: block;
  fill: currentColor;
  color: currentColor;
}
.header-social .btn-social:hover,
.header-social .btn-social:focus-visible {
  background: var(--et-primary-blue);
  color: #fff;
  transform: translateY(-2px);
}
.header-social .btn-social:active { transform: translateY(0); }

.et-mobile-menu__social .btn-social {
  width: 42px; height: 42px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: transparent;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: background .18s, color .18s, transform .18s, border-color .18s;
}
.et-mobile-menu__social .btn-social svg { width: 24px; height: 24px; fill: currentColor; }
.et-mobile-menu__social .btn-social:hover,
.et-mobile-menu__social .btn-social:focus-visible {
  background: #fff;
  color: var(--et-primary-blue);
  border-color: #fff;
  transform: translateY(-2px);
}
.et-mobile-menu__social .btn-social:active { transform: translateY(0); }

.btn-social svg { pointer-events:none; }