/********************
	Part - before-footer
********************/
.before-footer {
  background : white;
}

/********************
	Part - newsletter
********************/
.section__title-content.newsletter .section__title-content__inner {
  padding : 3vh 0;
}

.block_newsletter form .input__wrapper {
  max-width       : 40%;
  margin          : 0 auto;
  display         : flex;
  justify-content : center;
}

.block_newsletter .conditions__wrapper {
  text-align : center;
}

@media (max-width : 767px) {
  .block_newsletter {
    padding-bottom : .625rem;
    border-bottom  : 1px solid #f6f6f6
  }

  .block_newsletter form .input__wrapper {
    max-width : 100%;
  }
}

/********************
	Part - main-footer
********************/
.footer-container {
  overflow   : hidden;
  margin     : 0;
  padding    : 0;
  background : var(--color-secondary);
  border-top : 1px solid #ffffff1a;
  color      : var(--color-white-default);
}

.footer-grid {
  display               : grid;
  grid-template-columns : 1fr 1fr;
  gap                   : 2rem;
  padding-top           : 4rem;
  padding-bottom        : 4rem;
}

.footer-logo img {
  height : 5rem;
}

* + .footer-container .footer {
  border-top : 1px solid #ACACAC;
}

.footer-container .footer {
  display : flex;
  padding : 3vh 0 2vh;
}


.links .collapse {
  display : inherit
}

.footer-container li {
  margin-bottom : .3125rem
}

.footer-container li a {
  color     : rgba(255, 255, 255, 0.6);
  cursor    : pointer;
  font-size : .875rem
}

.footer-container li a:hover {
  color : var(--link-color-on-hover)
}

.block-contact-title, .blockcms-title, .myaccount-title, .myaccount-title a {
  font-weight : 700;
  font-size   : 1rem
}

/********************
	Part - account-list
********************/
#block_myaccount_infos .myaccount-title a {
  color : var(--color-black-default)
}

.account-list a {
  color : var(--color-grey-font-default)
}

.account-list a:hover {
  color : #2fb5d2
}

/*********************
	Part - after footer
*********************/
.after-footer-container {
  display        : flex;
  flex-direction : column;
  align-items    : center;
  padding        : 3em 0;
}

.after-footer-container .after-footer-mention {
  font-size      : 14px;
  color          : var(--color-grey-font-default);
  text-transform : uppercase;
  margin-bottom  : 2em;
}

.after-footer-img-container {
  background-color : var(--color-white-default);
  color            : var(--color-black-default);
  border           : solid var(--color-black-default) 3px;
  display          : flex;
  align-items      : center;
  padding          : 15px;
  min-height       : 60px;
}

.after-footer-img-container img {
  width                  : 100px;
  height                 : 70px;
  padding-bottom         : 10px;
  margin-right           : 15px;
  border                 : solid var(--color-black-default) 1px;
  image-rendering        : -moz-crisp-edges;
  image-rendering        : -o-crisp-edges;
  image-rendering        : -webkit-optimize-contrast;
  image-rendering        : crisp-edges;
  -ms-interpolation-mode : nearest-neighbor;
}

/********************
	Part - copyright
********************/
.footer-copyright {
  text-align : center;
}

/**
 * E-commerce Footer Styles
 */

.footer-ecommerce {
  background-color : var(--color-secondary, hsl(213, 70%, 15%));
  color            : var(--color-white-default, #fff);
  border-top       : 1px solid rgba(255, 255, 255, 0.1);
}

.footer-container {
  padding : 3rem 0 0;
}

@media screen and (min-width : 1024px) {
  .footer-container {
    padding : 4rem 0 0;
  }
}

.footer-ecommerce a {
  color           : rgba(255, 255, 255, 0.6);
  text-decoration : none;
  transition      : color 0.2s ease;
}

.footer-ecommerce a:hover {
  color : var(--color-primary);
}

/* ====================
   Footer Brand Column
==================== */
.footer-logo {
  margin-bottom : 1rem;
}

.footer-logo__img {
  max-height : 80px;
  width      : auto;
}

.footer-brand__description {
  font-size     : 0.875rem;
  line-height   : 1.7;
  color         : rgba(255, 255, 255, 0.6);
  margin-bottom : 1.5rem;
  max-width     : 450px;
}

/* Contact List */
.footer-contact-list {
  list-style     : none;
  padding        : 0;
  margin         : 0;
  display        : flex;
  flex-direction : column;
  gap            : 0.5rem;
}

.footer-contact-item {
  display     : flex;
  align-items : flex-start;
  gap         : 0.5rem;
  font-size   : 0.875rem;
  color       : rgba(255, 255, 255, 0.6);
}

.footer-contact-item .material-icons {
  font-size   : 16px;
  color       : var(--color-primary);
  flex-shrink : 0;
  margin-top  : 3px;
}

.footer-contact-item svg {
  flex-shrink : 0;
  color       : var(--color-primary);
  margin-top  : 2px;
}

.footer-contact-item a {
  color : rgba(255, 255, 255, 0.6);
}

.footer-contact-item a:hover {
  color : var(--color-primary);
}

.footer-contact-hours {
  display        : flex;
  flex-direction : column;
  gap            : 0;
  line-height    : 1.5;
}

/* ====================
   Footer Columns
==================== */
.footer-col__title {
  font-size     : 1rem;
  font-weight   : 600;
  color         : var(--color-white-default, #fff);
  margin-bottom : 1rem;
}

.footer-links-list li {
  line-height : 1.4;
}

.footer-links-list a {
  font-size  : 0.875rem;
  color      : rgba(255, 255, 255, 0.6);
  display    : inline-block;
  padding    : 0.15rem 0;
  transition : color 0.2s ease;
}

.footer-links-list a:hover {
  color : var(--color-primary);
}

/* Override displayFooter hook content */
.footer-col--categories .linklist {
  list-style : none;
  padding    : 0;
  margin     : 0;
}

.footer-col--categories .linklist li {
  margin-bottom : 0.5rem;
}

.footer-col--categories .linklist a {
  font-size : 0.875rem;
  color     : rgba(255, 255, 255, 0.6);
}

.footer-col--categories .linklist a:hover {
  color : var(--color-primary);
}

/* Hide block titles from hook */
.footer-col--categories h4:not(.footer-col__title),
.footer-col--categories .h4,
.footer-col--categories .c-title {
  display : none;
}

/* ====================
   Footer Bottom
==================== */
.footer-bottom {
  border-top     : 1px solid rgba(255, 255, 255, 0.1);
  margin-top     : 3rem;
  padding-top    : 2rem;
  padding-bottom : 1.5rem;
  display        : flex;
  flex-direction : column;
  align-items    : center;
  gap            : 1rem;
}

@media screen and (min-width : 640px) {
  .footer-bottom {
    flex-direction  : row;
    justify-content : space-between;
    align-items     : center;
  }
}

.footer-copyright {
  font-size  : 0.875rem;
  color      : rgba(255, 255, 255, 0.4);
  text-align : center;
}

@media screen and (min-width : 640px) {
  .footer-copyright {
    text-align : left;
  }
}

.footer-credits {
  display   : flex;
  gap       : 1.5rem;
  font-size : 0.875rem;
  color     : rgba(255, 255, 255, 0.4);
}

.footer-credits a {
  color : rgba(255, 255, 255, 0.4);
}

.footer-credits a:hover {
  color : var(--color-white-default, #fff);
}

/* ====================
   Social Links (from hook)
==================== */
.footer-ecommerce .social-links {
  display    : flex;
  gap        : 0.75rem;
  margin-top : 1.5rem;
}

.footer-ecommerce .social-links a {
  display          : flex;
  align-items      : center;
  justify-content  : center;
  width            : 36px;
  height           : 36px;
  background-color : rgba(255, 255, 255, 0.1);
  border-radius    : 50%;
  color            : var(--color-white-default, #fff);
  transition       : background-color 0.2s ease, color 0.2s ease;
}

.footer-ecommerce .social-links a:hover {
  background-color : var(--color-primary);
  color            : var(--color-white-default, #fff);
}

/* ====================
   Newsletter Section Override
==================== */
.footer-ecommerce .newsletter-section {
  background-color : transparent;
  padding          : 2rem 0 0;
  margin-bottom    : 2rem;
  border-bottom    : 1px solid rgba(255, 255, 255, 0.1);
}