/* SORTISPELLS - pied de page « céleste » (14/10/2026). Modèle : Pied de page céleste Sortispells en or.png */
#footer{--fg:#d89638;--fg2:#f0c060;--fl:rgba(216,150,56,.3);position:relative;margin-top:0;border:0;color:#eadff0;overflow:hidden}
footer#footer,#footer.js-footer{background:#170a1a url(/img/horoscope/foot-bg.webp?v=2) center top/cover no-repeat!important}
#footer .footer-top{display:none}
#footer .footer-main,#footer .footer-top{background:transparent!important;padding:58px 0 40px;border:0}
#footer .footer-main .container{position:relative}
@media(min-width:992px){
  #footer .footer-left{flex:0 0 29%;max-width:29%;padding-right:34px;border-right:1px solid var(--fl)}
  #footer .footer-right{flex:0 0 71%;max-width:71%;padding-left:40px}
}
/* --- colonne gauche --- */
#footer .footer-about-us .typo p{color:#efe6f5;font-size:16.5px;line-height:1.65;margin:0 0 14px}
#footer .footer-about-us .typo p.sm-bottom{margin-bottom:22px}
#footer .footer-about-us .typo p.sm-bottom img{display:block;width:100%;max-width:330px;height:auto}
#footer .footer-about-us .typo p.sm-bottom:after{display:block;margin-top:8px;max-width:330px;text-align:center;font:600 11px/1.4 'Roboto Condensed',Arial,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--fg)}
#footer .footer-about-us .typo p .fa{width:28px;color:var(--fg2);font-size:17px}
#footer .footer-about-us .typo strong{color:#fff;font-weight:500}
#footer .block-social{position:relative;margin-top:30px;padding-top:34px}
#footer .block-social:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--fg) 30%,var(--fg) 70%,transparent)}
#footer .block-social:after{content:"\2726";position:absolute;left:50%;top:-11px;transform:translateX(-50%);padding:0 10px;font-size:16px;line-height:22px;color:var(--fg2);background:#170a1a}
@media(min-width:992px){#footer .h4:after{display:none}}
#footer .block-social .h4:before,#footer .block-newsletter .h4:before{display:none}
#footer .block-social .h4{margin:0 0 18px;font:600 15px/1 'Roboto Condensed',Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--fg2)}
#footer .social-links{display:flex;flex-wrap:wrap;gap:14px;margin:0;padding:0;list-style:none}
#footer .social-links li{margin:0;padding:0;float:none}
#footer .social-links li.facebook{order:1}#footer .social-links li.instagram{order:2}#footer .social-links li.pinterest{order:3}#footer .social-links li.youtube{order:4}#footer .social-links li.tiktok{order:5}
#footer .social-links li{position:relative;width:58px!important;height:58px!important;border-radius:50%!important;border:1.6px solid var(--fg)!important;background-color:transparent!important;background-position:center!important;background-size:26px!important;filter:sepia(1) saturate(2.4) brightness(1.02);box-shadow:0 0 14px rgba(216,150,56,.18);transition:background-color .2s,transform .2s}
#footer .social-links li a{display:block!important;position:absolute;inset:0;width:100%!important;height:100%!important;border:0!important;border-radius:50%!important;background:transparent!important;text-indent:-9999px;overflow:hidden}
#footer .social-links li:hover{background-color:rgba(216,150,56,.2)!important;transform:translateY(-2px)}
/* --- colonne droite : lettre d'informations --- */
#footer .block-newsletter{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:24px;padding:0 0 26px;margin:0 0 34px;border-bottom:1px solid var(--fl)}
#footer .block-newsletter .h4{grid-column:1;grid-row:1;margin:0 0 20px;font:600 22px/1 'Roboto Condensed',Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--fg2)}
#footer .block-newsletter:before{grid-column:2;grid-row:1;margin:0 0 20px;padding-left:44px;font-size:15.5px;color:#efe6f5;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d89638' stroke-width='1.6' stroke-linejoin='round'><rect x='3' y='5' width='18' height='14' rx='2'/><path d='M3 7l9 6 9-6'/></svg>") left center/28px no-repeat}
#footer .block-newsletter form{grid-column:1/-1;grid-row:2;margin:0}
#footer .newsletter-form .input-wrapper{display:flex;gap:18px;align-items:stretch;padding:0;border:0;background:transparent}
#footer .newsletter-form input.form-control{flex:1;height:68px;padding:0 24px 0 66px;border-radius:10px;border:1px solid rgba(227,176,75,.6);background-color:rgba(34,14,44,.9)!important;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9b6d6' stroke-width='1.5' stroke-linejoin='round'><rect x='3' y='5' width='18' height='14' rx='2'/><path d='M3 7l9 6 9-6'/></svg>")!important;background-repeat:no-repeat!important;background-position:24px center!important;background-size:24px!important;color:#fff;font-size:16.5px;box-shadow:none}
#footer .newsletter-form input.form-control::placeholder{color:#c9b6d6;opacity:1}
#footer .newsletter-form input.form-control:focus{border-color:var(--fg2);box-shadow:0 0 0 3px rgba(240,192,96,.18)}
#footer .newsletter-form .input-btn{flex:none;display:block;position:static}
#footer .newsletter-form .input-btn .btn{height:68px;min-width:220px;padding:0 30px;border:0;border-radius:10px;font:700 17px/1 'Roboto Condensed',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#2a1604!important;background:linear-gradient(180deg,#f2cf7a,#d6993a)!important;box-shadow:0 6px 20px rgba(216,150,56,.25)}
#footer .newsletter-form .input-btn .btn .fa{display:none}
#footer .newsletter-form .input-btn .btn:after{content:"\2192";margin-left:14px;font-size:21px;letter-spacing:0;vertical-align:-1px}
#footer .newsletter-message{margin:12px 0 0}
#footer .newsletter-message .conditons{margin:0;font-size:0;line-height:0}
#footer .newsletter-message .conditons:after{display:block;padding-left:28px;font-size:15px;line-height:22px;font-style:italic;color:#cbbfd6;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a98bd6' stroke-width='1.8' stroke-linejoin='round'><rect x='5' y='11' width='14' height='9' rx='2'/><path d='M8 11V8a4 4 0 0 1 8 0v3'/></svg>") left center/18px no-repeat}
/* --- colonnes de liens --- */
#footer .footer-menu{margin:0}
#footer .footer-menu>.row{display:flex;flex-wrap:nowrap;margin:0}
#footer .footer-menu .linklist{padding:0}
@media(min-width:992px){
  #footer .footer-menu>.row>.linklist:first-child{flex:0 0 33.333%;max-width:33.333%;padding-right:30px}
  #footer .footer-menu>.row>.linklist:nth-child(2){flex:0 0 66.667%;max-width:66.667%}
  #footer .footer-menu>.row>.linklist:nth-child(2)>.row{margin:0;flex-wrap:nowrap}
  #footer .footer-menu>.row>.linklist:nth-child(2)>.row>[class*=col-]{flex:0 0 50%;max-width:50%;padding:0 0 0 36px;border-left:1px solid var(--fl);position:relative}
  #footer .footer-menu>.row>.linklist:nth-child(2)>.row>[class*=col-]:before{content:"\2726";position:absolute;left:-9px;top:46%;width:18px;text-align:center;font-size:16px;line-height:18px;color:var(--fg2);background:#170a1a}
  #footer .footer-menu>.row>.linklist:first-child:after{content:none}
}
#footer .footer-menu .h4{position:relative;margin:0 0 26px;padding-left:46px;font:600 18px/32px 'Roboto Condensed',Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--fg2)}
#footer .footer-menu .h4:before{content:"";position:absolute;left:0;top:0;width:32px;height:32px;background:center/contain no-repeat}
#footer .footer-menu>.row>.linklist:first-child .h4:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d89638' stroke-width='1.5' stroke-linejoin='round' stroke-linecap='round'><path d='M6 3h8l4 4v14H6z'/><path d='M14 3v4h4M9 12h6M9 16h6'/></svg>")}
#footer .footer-menu>.row>.linklist:nth-child(2)>.row>[class*=col-]:nth-child(1) .h4:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d89638'><path d='M12 2l2.9 6.3 6.9.8-5.1 4.7 1.4 6.8L12 17.1 5.9 20.6l1.4-6.8L2.2 9.1l6.9-.8z'/></svg>")}
#footer .footer-menu>.row>.linklist:nth-child(2)>.row>[class*=col-]:nth-child(2) .h4:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d89638' stroke-width='1.5' stroke-linejoin='round' stroke-linecap='round'><path d='M12 3l7 3v5c0 5-3 8-7 10-4-2-7-5-7-10V6z'/><path d='M9 12l2.2 2.2L15.5 10'/></svg>")}
#footer .footer-menu ul{margin:0;padding:0;list-style:none}
#footer .footer-menu li{margin:0 0 15px;padding:0}
#footer .footer-menu li a{position:relative;display:inline-block;padding-left:30px;font-size:16px;line-height:1.35;color:#f1e9f6;transition:color .2s}
#footer .footer-menu li a:before{content:"";position:absolute;left:0;top:.28em;width:14px;height:14px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d89638' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M8 4l8 8-8 8'/></svg>") center/contain no-repeat}
#footer .footer-menu li a:hover{color:var(--fg2)}
#footer .footer-menu>.row>.linklist:nth-child(2)>.row>[class*=col-]:nth-child(2) li:nth-child(6){display:none}
/* --- bas de page --- */
#footer .footer-bottom{background:rgba(16,6,20,.94);border-top:1px solid #b9812c;padding:30px 0}
#footer .footer-bottom .copyright-payment{border:0;padding:0}
#footer .footer-bottom p{color:#eadff0;font-size:15.5px;margin:0}
#footer .footer-bottom p .cr,#footer .footer-bottom p .cr strong{color:var(--fg2);font-weight:500}
#footer .footer-bottom p .sep{margin:0 10px;color:var(--fg)}
@media(min-width:992px){#footer .footer-bottom .row>.col-lg-6:first-child{flex:0 0 64%;max-width:64%}#footer .footer-bottom .row>.col-lg-6:last-child{flex:0 0 36%;max-width:36%}}
#footer .footer-bottom img{height:38px;width:auto;max-width:none}
@media(max-width:1199px){#footer .footer-bottom img{height:auto;width:100%;max-width:420px}}
@media(max-width:991px){
  footer#footer,#footer.js-footer{background-size:1100px auto!important;background-position:center top!important}
  #footer .footer-main{padding:40px 0 20px}
  #footer .footer-left{border:0;padding-bottom:10px}
  #footer .footer-right{padding-top:20px}
  #footer .block-newsletter{grid-template-columns:1fr}
  #footer .block-newsletter:before{grid-column:1;grid-row:2;margin:-8px 0 16px}
  #footer .block-newsletter form{grid-row:3}
  #footer .newsletter-form .input-btn .btn{min-width:0;padding:0 20px}
  #footer .footer-menu>.row>.linklist{flex:0 0 100%;max-width:100%;padding:0 0 10px}
  #footer .footer-menu>.row{flex-wrap:wrap}
  #footer .footer-menu .h4{margin-bottom:18px;padding-left:0}
  #footer .footer-menu .h4:before{display:none!important}
  #footer .footer-bottom{text-align:center}
}
/* --- textes localisés ajoutés par le style --- */
#footer .footer-about-us .typo p.sm-bottom:after{content:"Tirages de Tarot \2726\20 Guidance Spirituelle"}
#footer .block-newsletter:before{content:"Recevez nos offres, nouveautés et conseils spirituels"}
#footer .newsletter-message .conditons:after{content:"Pas de spam. Désinscription à tout moment."}
html[lang^=en] #footer .footer-about-us .typo p.sm-bottom:after{content:"Tarot Readings \2726\20 Spiritual Guidance"}
html[lang^=en] #footer .block-newsletter:before{content:"Receive our offers, news and spiritual tips"}
html[lang^=en] #footer .newsletter-message .conditons:after{content:"No spam. Unsubscribe at any time."}
html[lang^=de] #footer .footer-about-us .typo p.sm-bottom:after{content:"Tarot-Deutungen \2726\20 Spirituelle Begleitung"}
html[lang^=de] #footer .block-newsletter:before{content:"Erhalten Sie unsere Angebote, Neuheiten und spirituelle Tipps"}
html[lang^=de] #footer .newsletter-message .conditons:after{content:"Kein Spam. Jederzeit abmelden."}
html[lang^=es] #footer .footer-about-us .typo p.sm-bottom:after{content:"Lecturas de Tarot \2726\20 Guía Espiritual"}
html[lang^=es] #footer .block-newsletter:before{content:"Recibe nuestras ofertas, novedades y consejos espirituales"}
html[lang^=es] #footer .newsletter-message .conditons:after{content:"Sin spam. Cancela cuando quieras."}
html[lang^=it] #footer .footer-about-us .typo p.sm-bottom:after{content:"Letture dei Tarocchi \2726\20 Guida Spirituale"}
html[lang^=it] #footer .block-newsletter:before{content:"Ricevi le nostre offerte, novità e consigli spirituali"}
html[lang^=it] #footer .newsletter-message .conditons:after{content:"Niente spam. Disiscrizione in qualsiasi momento."}
html[lang^=nl] #footer .footer-about-us .typo p.sm-bottom:after{content:"Tarotreadings \2726\20 Spirituele Begeleiding"}
html[lang^=nl] #footer .block-newsletter:before{content:"Ontvang onze aanbiedingen, nieuwtjes en spirituele tips"}
html[lang^=nl] #footer .newsletter-message .conditons:after{content:"Geen spam. Je kunt je altijd uitschrijven."}
html[lang^=pl] #footer .footer-about-us .typo p.sm-bottom:after{content:"Czytania Tarota \2726\20 Duchowe Wskazówki"}
html[lang^=pl] #footer .block-newsletter:before{content:"Otrzymuj nasze oferty, nowości i duchowe wskazówki"}
html[lang^=pl] #footer .newsletter-message .conditons:after{content:"Bez spamu. Wypisz się w dowolnym momencie."}
html[lang^=pt] #footer .footer-about-us .typo p.sm-bottom:after{content:"Leituras de Tarot \2726\20 Orientação Espiritual"}
html[lang^=pt] #footer .block-newsletter:before{content:"Receba as nossas ofertas, novidades e conselhos espirituais"}
html[lang^=pt] #footer .newsletter-message .conditons:after{content:"Sem spam. Cancele a qualquer momento."}
html[lang^=sv] #footer .footer-about-us .typo p.sm-bottom:after{content:"Tarotläsningar \2726\20 Andlig Vägledning"}
html[lang^=sv] #footer .block-newsletter:before{content:"Få våra erbjudanden, nyheter och andliga tips"}
html[lang^=sv] #footer .newsletter-message .conditons:after{content:"Ingen spam. Avsluta när du vill."}
/* --- version aplatie (14/10) --- */
@media(min-width:992px){
  #footer .footer-main,#footer .footer-top{padding:30px 0 20px!important}
  #footer .footer-about-us .typo p{font-size:14.5px;line-height:1.5;margin:0 0 7px}
  #footer .footer-about-us .typo p.sm-bottom{margin-bottom:12px}
  #footer .footer-about-us .typo p.sm-bottom img{max-width:230px}
  #footer .footer-about-us .typo p.sm-bottom:after{max-width:230px;margin-top:4px;font-size:9.5px;letter-spacing:.24em}
  #footer .footer-about-us .typo p .fa{width:24px;font-size:15px}
  #footer .block-social{margin-top:12px;padding-top:16px;display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px}
  #footer .block-social .h4{margin:0;font-size:13px}
  #footer .social-links{gap:10px}
  #footer .social-links li{width:42px!important;height:42px!important;background-size:20px!important}
  #footer .footer-right{padding-left:34px}
  #footer .block-newsletter{padding-bottom:14px;margin-bottom:20px}
  #footer .block-newsletter .h4{margin-bottom:12px;font-size:19px}
  #footer .block-newsletter:before{margin-bottom:12px;font-size:14.5px;background-size:24px}
  #footer .newsletter-form input.form-control{height:52px;font-size:15.5px;padding-left:60px}
  #footer .newsletter-form .input-btn .btn{height:52px;min-width:190px;font-size:15px}
  #footer .newsletter-message{margin-top:8px}
  #footer .newsletter-message .conditons:after{font-size:13.5px;line-height:20px}
  #footer .footer-menu .h4{margin-bottom:14px;font-size:16px;line-height:28px;padding-left:40px}
  #footer .footer-menu .h4:before{width:28px;height:28px}
  #footer .footer-menu li{margin:0 0 7px}
  #footer .footer-menu li a{font-size:15px;line-height:1.3}
  #footer .footer-menu li a:before{width:12px;height:12px;top:.22em}
  #footer .footer-bottom{padding:14px 0}
  #footer .footer-bottom p{font-size:14px}
  #footer .footer-bottom img{height:30px}
}
/* --- version très aplatie (14/10 soir) --- */
@media(min-width:992px){
  #footer .footer-main,#footer .footer-top{padding:22px 0 12px!important}
  #footer .footer-about-us .typo p.sm-bottom{margin-bottom:6px}
  #footer .footer-about-us .typo p.sm-bottom img{max-width:190px}
  #footer .footer-about-us .typo p.sm-bottom:after{max-width:190px;font-size:8.5px;margin-top:2px}
  #footer .footer-about-us .typo p{font-size:13.5px;line-height:1.45;margin:0 0 4px}
  #footer .block-social{margin-top:8px;padding-top:10px}
  #footer .social-links li{width:36px!important;height:36px!important;background-size:17px!important}
  #footer .block-newsletter{grid-template-columns:auto 1fr;column-gap:20px;padding-bottom:10px;margin-bottom:14px}
  #footer .block-newsletter:before{display:none}
  #footer .block-newsletter .h4{grid-row:1;grid-column:1;margin:0;font-size:16px;align-self:center}
  #footer .block-newsletter form{grid-row:1;grid-column:2}
  #footer .newsletter-form .input-wrapper{gap:12px}
  #footer .newsletter-form input.form-control{height:44px;font-size:14.5px;padding-left:52px;background-position:18px center!important;background-size:20px!important}
  #footer .newsletter-form .input-btn .btn{height:44px;min-width:160px;font-size:14px}
  #footer .newsletter-message{margin-top:4px}
  #footer .newsletter-message .conditons:after{font-size:12.5px;line-height:18px}
  #footer .footer-menu .h4{margin-bottom:8px;font-size:14.5px;line-height:24px;padding-left:34px}
  #footer .footer-menu .h4:before{width:24px;height:24px}
  #footer .footer-menu li{margin:0 0 3px}
  #footer .footer-menu li a{font-size:13.5px;padding-left:22px}
  #footer .footer-menu li a:before{width:10px;height:10px}
  #footer .footer-bottom{padding:9px 0}
  #footer .footer-bottom p{font-size:13px}
  #footer .footer-bottom img{height:26px}
}
@media(min-width:992px){
  #footer .hook-display-footer{margin:0!important;padding:0!important;min-height:0!important}
  #footer .footer-about-us.md-bottom,#footer .block-social.md-bottom,#footer .footer-left>*:last-child{margin-bottom:0!important}
  #footer .footer-main .row.main-main{margin-bottom:0}
  #footer .footer-menu .linklist ul{margin-bottom:0}
}

/* TikTok @sortispells (15/10/2026) : icône blanche, même rendu doré que les autres (filtre du li) */
#footer .social-links li.tiktok{background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27><path fill=%27%23fff%27 d=%27M16.6 3h-3.1v12.3a2.7 2.7 0 1 1-2.7-2.7c.3 0 .6 0 .8.1V9.5a5.8 5.8 0 1 0 5 5.8V9.1a7.4 7.4 0 0 0 4.3 1.4V7.4A4.3 4.3 0 0 1 16.6 3z%27/></svg>")!important;background-repeat:no-repeat!important}