/* ==========================================================================
   Footer — port of the Enterprise 1.6.1 footer CSS.
   Spec: docs/spec/02-header-footer.md §5.3 (measured values), §8 (breakpoints).
   ========================================================================== */

.cc-footer{--bg-color:0 0 0 / 1.0;--heading-color:255 255 255;--text-color:255 255 255}

.footer{
	padding:calc(2 * var(--space-unit)) 0 calc(10 * var(--space-unit));
	background-color:rgba(var(--bg-color));
	color:rgb(var(--text-color));
}
.footer a:not(.btn){color:currentColor}
.footer .footer-col--links a:not(.btn){transition:text-decoration .2s ease-out;text-decoration:underline transparent 1px;text-underline-offset:.25rem}
.footer .footer-col--links a:not(.btn):hover{text-decoration-color:currentColor}
.footer .media{display:inline-block}
.footer .social{display:inline-flex}
.footer h2,.footer .h6{color:rgb(var(--heading-color))}
.footer__main>.footer-col:first-child .disclosure{border-top:0}

/* --- Brand column ----------------------------------------------------- */

.footer-block__btns{margin-top:1.5em}
.footer-block__btns svg{width:20px;height:20px}
.footer-block__btns .social{margin-top:-4px}
.footer-block .media{width:100%}
.footer-block__image{display:block;width:100%;height:auto;aspect-ratio:260 / 64;margin-bottom:calc(6 * var(--space-unit))}
.footer-block__heading{margin-bottom:1em}
.footer .social__link>.icon{width:auto;max-width:100%;height:100%}
.footer .social__link>img{width:24px;height:24px}

/* --- Menu columns ----------------------------------------------------- */

.footer-menu{line-height:1.5}
.footer-menu>summary{cursor:default;list-style:none}
.footer-menu>summary::-webkit-details-marker{display:none}
.footer-menu__links{margin:0;padding:0;padding-bottom:calc(2 * var(--space-unit))}
.footer-menu__links>li{margin-bottom:1.6rem}
.footer-menu__links>li:last-child{margin-bottom:1rem}

/* --- Meta row --------------------------------------------------------- */

.footer__meta select,.footer__meta .custom-select__btn,.footer__meta .custom-select__listbox{border-color:rgba(var(--text-color)/.2)}
.footer__meta .custom-select__btn{--input-bg-color:255 255 255;--input-text-color:0 0 0;border-radius:var(--input-border-radius,0)}
.footer__meta .custom-select__btn:focus{border-color:rgba(var(--text-color)/.6)}
.footer__meta .custom-select__listbox{top:auto;bottom:5px}

.payment-icons{margin:0;padding:0;margin-bottom:-7px;margin-inline-end:-7px}
.payment-icons>li{margin-bottom:7px}
.payment-icons>li:not(:last-child){margin-inline-end:7px}
.payment-icons svg{width:40px;height:24px}
.payment-icon{display:block}

/* --- Rule + base row -------------------------------------------------- */

.footer__hr{height:1px;margin:calc(8 * var(--space-unit)) 0;border:0;background-color:rgba(var(--text-color)/.2)}
.footer__base{--row-gap:calc(6 * var(--space-unit))}
.footer-sublinks{display:flex;flex-wrap:wrap;margin:0;padding:0;margin-top:-1rem}


/* ==========================================================================
   Breakpoints
   ========================================================================== */

@media(min-width:600px) {
	.footer__meta .localization__grid{display:flex}
	.footer__meta .custom-select{max-width:250px}
	.footer__meta .custom-select__btn{width:auto}
}

@media(max-width:768.98px) {
	.footer__main{--row-gap:32px}
	.footer__base{--row-gap:calc(4 * var(--space-unit))}
	.footer-col--collapsed .disclosure__title{margin-bottom:0}
	.footer-col--collapsed .disclosure__panel{position:relative;top:-10px;margin-bottom:0;padding-top:0}
	.footer-col--collapsed .disclosure{border-top:1px solid rgba(var(--text-color)/.2);border-bottom:1px solid rgba(var(--text-color)/.2)}
	.footer-col--collapsed+.footer-col--collapsed .disclosure{border-top:0}
	.footer-col--not-collapsed{margin-top:calc(10 * var(--space-unit))}
	.footer-block__social{margin-bottom:-6px}
	.footer__hr{visibility:hidden;margin-bottom:0}
	.footer__meta{--column-gap:calc(8 * var(--space-unit));margin-top:6px;margin-right:0}
	.footer__payment{padding-inline-end:0}
	.footer__localization .custom-select__btn{width:100%}
}

@media(min-width:769px) {
	.footer{padding:calc(48 * var(--fluid-1-5)) 0 calc(16 * var(--space-unit))}
	.footer-sublinks__item{margin:2.4rem 0 0}
	.footer-block__btns svg{width:22px;height:22px}
	.footer__main{justify-content:space-between;margin-right:-16px;margin-left:-16px}
	.footer-col{padding:0 16px}
	.footer-col--links,.footer-col--newsletter,.footer-col--text:not(.footer-col--text-full-width){flex:0 0 50%}
	.footer-menu>summary{padding:0;pointer-events:none}
	.footer-menu>summary .icon{display:none}
	.footer-menu .disclosure__title{margin-bottom:1em}
	.footer-menu .disclosure__panel{overflow:initial}
	.footer-sublinks{justify-content:flex-end;margin:-2.4rem 0 0;margin-inline-start:-2.4rem}
	.footer-menu__links{padding-bottom:calc(8 * var(--space-unit))}
}

@media(min-width:1024px) {
	.footer__main{flex-wrap:nowrap}
	.footer-menu__links{padding-bottom:calc(2 * var(--space-unit))}
	.footer-col--links{flex:0 1 auto;min-width:130px;max-width:25%}
	.footer-col--text:not(.footer-col--text-full-width){flex:1 1 350px;max-width:460px}
	.footer__meta{flex-direction:row-reverse;align-items:flex-end;justify-content:flex-end}
	.footer__payment--right .payment-icons{justify-content:flex-end}
}

@media(min-width:1280px) {
	.footer__main{margin-right:-32px;margin-left:-32px}
	.footer-col{padding:0 32px}
}