/* Voyance Nyna : retouches 2026, dans les couleurs d'origine (bleu #2AA2CD, anthracite #2B2E31) */

/* Menu : bouton rouge en CSS à la place de l'image GIF */
.jetmenu li.menu-cta > a{background:#e8261c;color:#fff!important;border-radius:6px;padding:8px 14px!important;margin-top:10px;margin-left:10px;line-height:1.2;font-weight:700;box-shadow:0 2px 0 #b51a12;transition:transform .15s,background .15s}
.jetmenu li.menu-cta > a:hover{background:#c91f16;transform:translateY(-1px)}
.topbar .callus a{color:inherit;text-decoration:none}
.topbar .callus a:hover{text-decoration:underline}

/* Bande anthracite : boutons d'appel */
.section2 .call-btns{margin:22px 0 0;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.call-btn{display:inline-flex;flex-direction:column;align-items:center;min-width:230px;padding:12px 22px;border-radius:6px;background:#2AA2CD;color:#fff!important;font-size:24px;font-weight:700;letter-spacing:.5px;text-decoration:none;transition:transform .15s,background .15s}
.call-btn small{display:block;font-size:12px;font-weight:400;letter-spacing:1px;text-transform:uppercase;opacity:.9}
.call-btn:hover{background:#2391ba;transform:translateY(-2px)}
.call-btn-alt{background:transparent;border:2px solid #2AA2CD}
.call-btn-alt:hover{background:rgba(42,162,205,.15)}

/* Bandeau de réassurance : repères en texte, police des titres du site */
.atouts{background:#f3f9fc;border-bottom:1px solid #dbeef6}
.atouts .container{display:flex;flex-wrap:wrap}
.atout{flex:1 1 25%;text-align:center;padding:24px 10px 22px;border-left:1px solid #dbeef6}
.atout:first-child{border-left:0}
.atout b{display:block;font-family:"Raleway",sans-serif;font-weight:700;font-size:26px;line-height:1.1;color:#2AA2CD;text-transform:uppercase;letter-spacing:.5px}
.atout span{display:block;margin-top:6px;font-size:14px;color:#5d666e}

/* Corps : un peu de relief sans changer la mise en page */
.section1 .general-title h3{border:0;padding:0}
.section1 h3{border-left:4px solid #2AA2CD;padding-left:14px;margin-top:34px}
.section1 h2{margin-top:34px}
.section1 blockquote{background:#f3f9fc;border-radius:0 6px 6px 0;padding:18px 24px}
.section1 blockquote p,.section1 blockquote h4{font-style:italic}
.section1 .voyance-par-telephone{font-weight:600;white-space:nowrap}
.section1 video{max-width:100%;border-radius:6px;box-shadow:0 6px 20px rgba(0,0,0,.18)}
.section1 img[alt="cartomancienne par telephone"]{border-radius:6px;box-shadow:0 6px 20px rgba(0,0,0,.15)}

/* Bloc prédictions */
.predictions-home{background:#f3f9fc;padding:46px 0 30px}
.predictions-home h2{text-align:center;margin:0 0 26px;color:#2B2E31}
.pred-card{display:block;background:#fff;border:1px solid #dbeef6;border-top:4px solid #2AA2CD;border-radius:6px;padding:24px 26px;margin-bottom:18px;text-decoration:none;transition:transform .15s,box-shadow .15s}
.pred-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(42,162,205,.18);text-decoration:none}
.pred-card strong{display:block;font-size:40px;line-height:1;color:#2AA2CD}
.pred-card span{display:block;font-size:19px;color:#2B2E31;margin:8px 0 6px}
.pred-card em{font-style:normal;font-size:14px;color:#6b7680}

/* Pied de page « Toutes les pages de voyance » : anthracite et bleu du site */
.foot-links{background:#2B2E31;color:#aab2b9;padding:56px 0 40px;border-top:4px solid #2AA2CD;font-size:15px;line-height:1.6}
.foot-links h2{font-family:"Raleway",sans-serif;font-weight:700;color:#fff;font-size:22px;margin:0 0 20px;text-transform:uppercase;letter-spacing:.5px}
.foot-links a{color:#dfe3e6;text-decoration:none}
.foot-links a:hover{color:#2AA2CD}
.foot-links .links{columns:4 200px;column-gap:32px;list-style:none;padding:0;margin:0 0 36px}
.foot-links .links li{break-inside:avoid;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.08);list-style:none}
.foot-links .legal{border-top:1px solid rgba(42,162,205,.35);padding-top:22px}
.foot-links .legal p{color:#aab2b9;font-size:15px;margin:0 0 10px}

/* Barre d'appel fixe sur mobile */
.callbar{display:none}
@media (max-width:767px){
  .atout{flex-basis:50%}
  .atout:nth-child(3){border-left:0}
  .call-btn{min-width:0;width:100%}
  .section2 .call-btns{padding:0 16px}
  .callbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9999;background:#2B2E31;border-top:3px solid #2AA2CD}
  .callbar a{flex:1;text-align:center;color:#fff;text-decoration:none;padding:8px 4px;font-size:12px;line-height:1.3}
  .callbar a+a{border-left:1px solid rgba(255,255,255,.2)}
  .callbar b{display:block;font-size:17px;color:#7fd0ec}
  body{padding-bottom:60px}
  .dmtop{bottom:70px!important}
}

/* Menu sur une seule ligne en grand écran */
@media (min-width:992px){
  .jetmenu>li>a{padding-left:13px;padding-right:13px}
  .jetmenu li.menu-cta>a{padding:8px 12px!important;font-size:11.5px}
}

/* Icônes animées maison (SVG, sans attribution) */
.atout .ico{display:block;width:54px;height:54px;margin:0 auto 10px;overflow:visible}
.ico-horloge .aiguille-m{transform-origin:32px 34px;animation:tourne 6s linear infinite}
.ico-horloge .aiguille-h{transform-origin:32px 34px;animation:tourne 72s linear infinite}
.ico-telephone .combine{transform-origin:24px 40px;animation:sonne 2.4s ease-in-out infinite}
.ico-telephone .onde{animation:onde 2.4s ease-out infinite}
.ico-telephone .o2{animation-delay:.25s}
.ico-carte .barre{stroke-dasharray:63;stroke-dashoffset:63;animation:barre 3.2s ease-in-out infinite}
.ico-masque .flotte{animation:flotte 3s ease-in-out infinite}
.ico-masque .oeil{transform-box:fill-box;transform-origin:center;animation:cligne 4s infinite}
.atout:hover .ico{transform:scale(1.08);transition:transform .2s}
@keyframes tourne{to{transform:rotate(360deg)}}
@keyframes sonne{0%,40%,100%{transform:rotate(0)}5%,15%,25%{transform:rotate(-9deg)}10%,20%,30%{transform:rotate(9deg)}}
@keyframes onde{0%,35%{opacity:0}45%{opacity:1}80%,100%{opacity:0}}
@keyframes barre{0%,15%{stroke-dashoffset:63}45%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:63}}
@keyframes flotte{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes cligne{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.15)}}
@media (prefers-reduced-motion:reduce){.atout .ico *{animation:none!important}}

/* Illustrations des cartes prédictions */
.pred-card{position:relative;padding-right:150px;min-height:150px;overflow:hidden}
.pred-illu{position:absolute;right:22px;top:50%;width:110px;height:110px;margin-top:-55px;overflow:visible}
.pred-card:hover .pred-illu{transform:scale(1.05);transition:transform .3s}
.illu-eclipse .lune{animation:eclipse 7s ease-in-out infinite}
.illu-eclipse .rayons{transform-origin:60px 60px;animation:rayons 7s ease-in-out infinite}
.illu-saturne .planete{transform-origin:60px 60px;animation:balance 6s ease-in-out infinite}
.pred-illu .etoile{transform-box:fill-box;transform-origin:center;animation:scintille 2.6s ease-in-out infinite}
.pred-illu .e2{animation-delay:.9s}.pred-illu .e3{animation-delay:1.7s}
@keyframes eclipse{0%,10%{transform:translateX(-58px);opacity:.9}45%,60%{transform:translateX(0);opacity:1}95%,100%{transform:translateX(58px);opacity:.9}}
@keyframes rayons{0%,30%{opacity:1;transform:scale(1)}50%{opacity:.25;transform:scale(.85)}75%,100%{opacity:1;transform:scale(1)}}
@keyframes balance{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
@keyframes scintille{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}
@media (max-width:480px){.pred-card{padding-right:26px;padding-top:130px}.pred-illu{top:18px;right:auto;left:22px;margin-top:0;width:96px;height:96px}}
@media (prefers-reduced-motion:reduce){.pred-illu *{animation:none!important}}

/* Illustration en tête des pages prédictions */
.pred-illu.pred-illu-article{position:static;float:right;width:140px;height:140px;margin:6px 0 16px 24px}
@media (max-width:480px){.pred-illu.pred-illu-article{float:none;display:block;margin:0 auto 16px;width:120px;height:120px}}