/*
 * Footer rules that SWITCH Native 1 kept in ten <style> blocks inside the shared footer layout
 * (synced pattern 22147), copied unchanged and in the same order. The first block also hides
 * .el-services on every page. To be merged and simplified in stage 6 (CSS and tokens).
 */

/* switch-footer-trust-strip */
body.switch-native #wrapper .el-services{display:none!important}
.swx-site-footer .sw-trust-strip{background:var(--sw-paper);color:var(--sw-ink);padding:40px 0;border-top:1px solid var(--sw-line)}
.swx-site-footer .sw-trust-grid{width:var(--sw-page-box);margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.swx-site-footer .sw-trust-item{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:16px;color:inherit;text-decoration:none}
.swx-site-footer .sw-trust-item img,.swx-site-footer .sw-trust-item svg{width:32px;height:32px;display:block;margin:2px 0 0;object-fit:contain}
.swx-site-footer .sw-trust-item strong{display:block;font:700 16px/1.4 Arial,Helvetica,sans-serif;margin-bottom:7px}
.swx-site-footer .sw-trust-item span{display:block;font:400 14px/1.6 Arial,Helvetica,sans-serif;color:var(--sw-muted)}
.swx-site-footer .sw-trust-item:hover strong{text-decoration:underline;text-underline-offset:4px}
.swx-site-footer .sw-trust-item:focus-visible{outline:2px solid var(--sw-ink);outline-offset:6px}
@media(max-width:700px){.swx-site-footer .sw-trust-strip{padding:30px 0}.swx-site-footer .sw-trust-grid{grid-template-columns:1fr;gap:24px}.swx-site-footer .sw-trust-item{gap:14px}}

/* switch-footer-spacing */
.swx-site-footer .sg-footer-logo img{filter:none!important;opacity:1!important}
.swx-site-footer .sg-footer-top{align-items:start;gap:clamp(28px,5vw,80px);padding-bottom:32px}
.swx-site-footer .sg-footer-links h3{margin:0 0 18px}
.swx-site-footer .sg-footer-links p{margin:0!important}
.swx-site-footer .sg-footer-links p a{display:block;padding:4px 0;line-height:1.5}
.swx-site-footer .sg-footer-brand>p{margin-bottom:0}
.swx-site-footer .sg-footer-details{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;border-top:1px solid #333;padding:28px 0;margin:0}
.swx-site-footer .sg-footer-details h3{margin:0 0 12px;font-family:Arial,sans-serif;font-weight:700;font-size:14px;letter-spacing:.1em;text-transform:uppercase}
.swx-site-footer .sg-footer-details p{margin:0;font-size:14px;line-height:1.8;color:var(--sw-line)}
.swx-site-footer .sg-footer-contact a{display:inline-block;padding:3px 0;overflow-wrap:anywhere}
.swx-site-footer .sg-footer-social{padding:26px 0}
.swx-site-footer .sg-footer-social h3{margin:0 0 12px}
.swx-site-footer .sg-footer-social p{margin:0}
.swx-site-footer a:focus-visible{outline:2px solid var(--sw-orange);outline-offset:4px}
@media(max-width:600px){
.swx-site-footer .sg-footer-top{gap:30px}
.swx-site-footer .sg-footer-links h3{margin-bottom:10px}
.swx-site-footer .sg-footer-links p a{padding:6px 0}
.swx-site-footer .sg-footer-details{grid-template-columns:1fr;gap:24px;padding:26px 0}
.swx-site-footer .sg-footer-social{gap:24px}
}

/* switch-footer-three-columns */
.swx-site-footer .sg-footer-top,.swx-site-footer .sg-footer-social,.swx-site-footer .sg-footer-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,5vw,72px)}
.swx-site-footer .sg-footer-top{padding:0 0 36px}
.swx-site-footer .sg-footer-brand h2{font-size:clamp(26px,2.6vw,38px);line-height:1.05;margin:22px 0 18px}
.swx-site-footer .sg-footer-brand>p{font-size:14px;line-height:1.7}
.swx-site-footer .sg-footer-logo{margin:0}
.swx-site-footer .sg-footer-logo img{width:150px;height:auto}
.swx-site-footer .sg-footer-subsection{border-top:1px solid #333;padding-top:20px;margin-top:24px}
.swx-site-footer .sg-footer-subsection h3{font-family:Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px}
.swx-site-footer .sg-footer-subsection p{font-size:14px;line-height:1.8;color:var(--sw-line);margin:0}
.swx-site-footer .sg-footer-subsection a{overflow-wrap:anywhere}
.swx-site-footer .sg-footer-subsection .sg-footer-contact{display:flex;flex-direction:column;gap:4px}
.swx-site-footer .sg-footer-subsection .sg-footer-contact br{display:none}
.swx-site-footer .sg-footer-subsection .sg-footer-contact a{padding:0;line-height:1.8}
.swx-site-footer .sg-footer-proof{align-items:center;padding:28px 0}
.swx-site-footer .sg-footer-proof figure{margin:0}
.swx-site-footer .sg-footer-proof img{max-width:150px;max-height:90px;object-fit:contain}
.swx-site-footer .sg-payment-methods{font-size:12px;line-height:1.8;margin:0}
@media(max-width:700px){
.swx-site-footer .sg-footer-top,.swx-site-footer .sg-footer-social,.swx-site-footer .sg-footer-proof{grid-template-columns:1fr;gap:28px}
.swx-site-footer .sg-footer-brand h2{font-size:32px}
.swx-site-footer .sg-footer-top{padding-bottom:28px}
}

/* switch-footer-composition */
.swx-site-footer .sg-footer-top{gap:clamp(32px,5vw,72px);padding-bottom:32px}
.swx-site-footer .sg-footer-subsection{margin-top:20px;padding-top:16px}
.swx-site-footer .sg-footer-brand .sg-footer-subsection+.sg-footer-subsection{border-top:0;margin-top:14px;padding-top:0}
.swx-site-footer .sg-social-compact .sg-social-row{margin:0 0 12px}
.swx-site-footer .sg-social-compact .sg-social-row:last-child{margin-bottom:0}
.swx-site-footer .sg-social-row>span{display:block;font-size:12px;color:#999;line-height:1.5}
.swx-site-footer .sg-social-compact .sg-social-row p{margin:2px 0 0!important;font-size:14px;line-height:1.6}
.swx-site-footer .sg-footer-links .sg-social-compact a{display:inline;padding:0;line-height:1.6}
.swx-site-footer .sg-footer-proof{grid-template-columns:140px 150px minmax(0,1fr);gap:32px;padding:24px 0}
.swx-site-footer .sg-footer-proof img{max-width:130px;max-height:72px}
.swx-site-footer .sg-footer-eu{padding-top:22px}
.swx-site-footer .sg-footer-eu>p{font-size:12px;line-height:1.6;max-width:800px;color:#aaa}
@media(max-width:700px){
.swx-site-footer .sg-footer-top{gap:32px}
.swx-site-footer .sg-footer-proof{grid-template-columns:1fr 1fr;gap:20px}
.swx-site-footer .sg-payment-methods{grid-column:1/-1}
.swx-site-footer .sg-footer-top>div{min-width:0}
}

/* switch-footer-lean */
.swx-site-footer .sg-footer-subsection{border-top:0;padding-top:0;margin-top:24px}
.swx-site-footer .sg-social-compact .sg-social-row{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:220px;margin-bottom:2px}
.swx-site-footer .sg-social-compact .sg-social-row>span{font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:400;color:var(--sw-line)}
.swx-site-footer .sg-social-compact .sg-social-row p{display:flex;gap:4px;margin:0!important}
.swx-site-footer .sg-footer-links .sg-social-compact a.sg-social-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;color:var(--sw-white);border-radius:3px}
.swx-site-footer .sg-social-icon svg{display:block;width:17px;height:17px}
.swx-site-footer .sg-footer-links .sg-social-icon:hover{color:var(--sw-orange);background:#222}
.swx-site-footer .sg-footer-proof{grid-template-columns:140px minmax(0,1fr);gap:36px}
.swx-site-footer .sg-payment-methods{max-width:620px}
@media(max-width:700px){
.swx-site-footer .sg-footer-proof{grid-template-columns:1fr;gap:18px}
.swx-site-footer .sg-payment-methods{grid-column:auto}
.swx-site-footer .sg-footer-links .sg-social-compact a.sg-social-icon{width:32px;height:32px}
}

/* switch-footer-heading-consistency */
.swx-site-footer .sg-footer-top h3{font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;font-style:normal;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:var(--sw-white);margin:0 0 14px}

/* switch-footer-award-position */
.swx-site-footer .sg-footer-brand .sg-footer-award{margin:24px 0 0}
.swx-site-footer .sg-footer-brand .sg-footer-award img{display:block;width:130px;height:auto}
.swx-site-footer .sg-footer-proof{display:block;padding:18px 0}
.swx-site-footer .sg-payment-methods{max-width:none}

/* switch-footer-cusrev */
.swx-site-footer .sg-footer-review-summary{margin-top:22px;max-width:100%;overflow:hidden}

/* switch-footer-badge-fit */
.swx-site-footer .sg-footer-brand .sg-footer-award img{filter:none!important}
.swx-site-footer .sg-footer-review-summary .cr-trustbadgef{height:auto!important}
.swx-site-footer .sg-footer-review-summary .cr-badge{transform:none!important;width:100%!important;box-sizing:border-box;padding:0!important;margin:0!important;white-space:normal}
.swx-site-footer .sg-footer-review-summary .badge__store{display:none}
.swx-site-footer .sg-footer-review-summary .badge__nowrap{white-space:normal;height:auto;display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0}
.swx-site-footer .sg-footer-review-summary .badge__stars{height:22px;width:auto;margin:0}
.swx-site-footer .sg-footer-review-summary .badge__star{width:22px;height:22px}
.swx-site-footer .sg-footer-review-summary .badge__star-icon{background-size:22px 22px}
.swx-site-footer .sg-footer-review-summary .badge__verified{display:none}
.swx-site-footer .sg-footer-review-summary .badge__rating{font-size:14px;line-height:1.6;margin:8px 0 0}

/* switch-footer-award-pair */
.swx-site-footer .sg-footer-award-pair{display:flex;align-items:center;gap:18px;margin-top:26px;flex-wrap:wrap}
.swx-site-footer .sg-footer-brand .sg-footer-award-pair .sg-footer-award{margin:0;flex:0 0 100px}
.swx-site-footer .sg-footer-brand .sg-footer-award-pair .sg-footer-award img{width:100px}
.swx-site-footer .sg-footer-award-pair .sg-footer-review-summary{margin:0;flex:1 1 128px;min-width:128px}
.swx-site-footer .sg-footer-award-pair .badge__rating{white-space:normal}
.swx-site-footer .sg-footer-award-pair .rating__reviews{display:block}

/* Tighter top, and the payment methods as a straight row of equal cells (also in the cart footer). */
.swx-site-footer .sg-footer{padding-top:32px}
.sw-payment-icons{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none}
.sw-payment-icons li{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:52px;height:34px;margin:0;padding:2px}
/* The boxes set the size: .sg-footer-proof img would otherwise stretch the marks with no size of their own. */
.sw-payment-icons li img{display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:contain}
.swx-site-footer .sg-footer .sw-payment-icons{justify-content:center}
/* The dark blue PayPal mark would disappear on the black footer. */
.swx-site-footer .sg-footer .sw-payment-icons img[alt="PayPal"]{filter:brightness(0) invert(1)}
.swx-site-footer .sg-footer .sg-copyright{max-width:none;margin-top:12px;padding-top:0;border-top:0;text-align:center}

/* CusRev hides the badge until its own script sizes it; that script does not run here, and the rules above size it. */
.swx-site-footer .sg-footer-review-summary .cr-badge{visibility:visible!important}
.swx-site-footer a.sg-footer-review-summary{display:block;color:inherit;text-decoration:none}
.swx-site-footer a.sg-footer-review-summary:hover .rating__reviews{text-decoration:underline;text-underline-offset:3px}

/* "Cookie settings" opens the consent dialog (.iw-scm-dialog-open, switch-tracking) and looks like the links around it. */
:is(.swx-site-footer,.sw-checkout-footer) button.sw-cookie-settings{min-height:0;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:none;cursor:pointer}
:is(.swx-site-footer,.sw-checkout-footer) button.sw-cookie-settings:hover{background:none;text-decoration:underline;text-underline-offset:3px}
