/* Reference globals isolated on this component; no global site selectors. */
.vc-celestial-periods{--ivory:#fcf7f2;--plum:#40215c;--gold:#b78c54;--sans:"Segoe UI",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif;container-type:inline-size;position:relative;max-width:774px;margin:0 auto;z-index:4;color:#392e3f;font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased}
.vc-celestial-periods,.vc-celestial-periods *,.vc-celestial-periods *:before,.vc-celestial-periods *:after{box-sizing:border-box}
.vc-celestial-periods a.vc-medal{-webkit-tap-highlight-color:transparent;font:inherit;cursor:pointer;touch-action:manipulation}
.vc-celestial-periods a.vc-medal:focus:not(:focus-visible){outline:none}
.vc-celestial-periods a.vc-medal:focus-visible{outline:2px solid #8f62a6;outline-offset:5px}
.vc-celestial-periods a.vc-medal::-moz-focus-inner{border:0}
.vc-celestial-periods a.vc-medal:disabled{cursor:default}
.vc-celestial-periods svg{display:block}
.vc-celestial-periods a.vc-medal svg{pointer-events:none}
.vc-celestial-periods .vc-medals{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative;isolation:isolate;padding:9px 0 0}
.vc-celestial-periods .vc-medals:before{content:"";position:absolute;z-index:-1;top:42px;height:1px;left:10%;right:10%;background:linear-gradient(90deg,#d4b89355,#bd9765aa 50%,#d4b89355)}
.vc-celestial-periods .vc-medal{display:flex;flex-direction:column;align-items:center;gap:10px;border:0;background:transparent;color:#765285;padding:0 4px 5px;min-width:0}
.vc-celestial-periods .medal-disc{width:66px;height:66px;border-radius:50%;position:relative;background:var(--ivory);border:1px solid #d6b98f;display:grid;place-items:center;color:#906d9c;box-shadow:inset 0 0 0 5px var(--ivory),inset 0 0 0 6px #e5d3ba;transition:transform .22s,box-shadow .22s,color .22s,background .22s}
.vc-celestial-periods .medal-disc .period-icon{width:29px;height:29px}
.vc-celestial-periods .medal-disc:after{content:"";position:absolute;inset:-5px;border:1px solid #c49b6166;border-radius:50%;opacity:0;transition:opacity .22s}
.vc-celestial-periods .medal-disc:before{content:"";width:6px;height:6px;border-radius:50%;border:2px solid var(--ivory);box-sizing:content-box;background:var(--gold);position:absolute;top:-9px;left:50%;transform:translateX(-50%);z-index:1;opacity:0;transition:opacity .22s}
.vc-celestial-periods .vc-medal .period-label{font:normal 17px/1.35 var(--serif);transition:color .2s;white-space:nowrap}
.vc-celestial-periods .vc-medal:hover .medal-disc{transform:translateY(-2px);color:var(--plum);box-shadow:inset 0 0 0 5px var(--ivory),inset 0 0 0 6px #d9c09e,0 6px 12px #815a2612}
.vc-celestial-periods .vc-medal[aria-current=page] .medal-disc{color:#f3d4a3;border-color:#76539A;background:linear-gradient(145deg,#8A64A8,#76539A);box-shadow:inset 0 0 0 4px #7E599D,inset 0 0 0 5px #ad895a,0 6px 16px #59316924}
.vc-celestial-periods .vc-medal[aria-current=page] .medal-disc:after,.vc-celestial-periods .vc-medal[aria-current=page] .medal-disc:before{opacity:1}
.vc-celestial-periods .vc-medal[aria-current=page] .period-label{color:var(--plum);font-weight:bold}
@container (max-width:540px){
.vc-celestial-periods .vc-medals{grid-template-columns:1.25fr .95fr 1fr .9fr .9fr}
.vc-celestial-periods .vc-medals{padding-top:9px}
.vc-celestial-periods .vc-medals:before{top:33px}
.vc-celestial-periods .medal-disc{width:48px;height:48px;box-shadow:inset 0 0 0 4px var(--ivory),inset 0 0 0 5px #e5d3ba}
.vc-celestial-periods .medal-disc .period-icon{width:24px;height:24px}
.vc-celestial-periods .vc-medal .period-label{font-size:13px}
.vc-celestial-periods .vc-medal{gap:10px;padding:0 0 5px}
.vc-celestial-periods .vc-medal:hover .medal-disc{box-shadow:inset 0 0 0 4px var(--ivory),inset 0 0 0 5px #d9c09e,0 5px 10px #815a2612}
.vc-celestial-periods .vc-medal[aria-current=page] .medal-disc{box-shadow:inset 0 0 0 3px #7E599D,inset 0 0 0 4px #ad895a,0 5px 12px #59316924}
}
@container (max-width:325px){
.vc-celestial-periods .vc-medal .period-label{font-size:11.5px}
.vc-celestial-periods .medal-disc{width:42px;height:42px}
.vc-celestial-periods .vc-medals:before{top:30px}
.vc-celestial-periods .medal-disc .period-icon{width:21px;height:21px}
}

/* Native navigation within the existing Capricorne grid. */
.vc-celestial-periods{grid-column:1/-1;width:100%}
.vc-celestial-periods a.vc-medal{text-decoration:none}

/* Icônes Mois / Année : mêmes médaillons, dimensions et couleurs d’état. */
:is(#vch-capricorne-layout,#vch-horoscope-layout) .vc-celestial-periods .period-icon--asset{display:block;background-color:currentColor;pointer-events:none;-webkit-mask-image:var(--vc-period-art);mask-image:var(--vc-period-art);-webkit-mask-size:var(--vc-period-scale) auto;mask-size:var(--vc-period-scale) auto;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
:is(#vch-capricorne-layout,#vch-horoscope-layout) .vc-celestial-periods .period-icon--mois{--vc-period-art:url("media/vc-periode-mois-transparent-150x150.png");--vc-period-scale:99%}
:is(#vch-capricorne-layout,#vch-horoscope-layout) .vc-celestial-periods .period-icon--annee{--vc-period-art:url("media/vc-periode-annee-transparent-150x150.png");--vc-period-scale:98%}