/* ================================================================
   AURONIS | RISE OF THE PHOENIX — NEWS V5.0
   Ruby / obsidian / antique gold, animated M crest
   Scoped to the existing CMS news markup; no database changes.
   Load after zaneris-fa.css and all previous Auronis CSS files.
   ================================================================ */

/* The existing CMS uses a list as the news container. */
.my2-body .my2-news-panel .blogroll,
.my2-body .my2-news-panel .blogroll > li {
    background: transparent !important;
    box-shadow: none !important;
}

/* Article shell: replace the inherited ZANERIS green/black theme. */
.my2-body .my2-news-panel .zn3-card {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    margin: 0 0 24px !important;
    border: 1px solid rgba(226, 159, 89, .59) !important;
    border-radius: 6px !important;
    background:
      radial-gradient(ellipse at 8% 18%, rgba(166, 37, 35, .30), transparent 40%),
      radial-gradient(ellipse at 88% 38%, rgba(143, 47, 28, .21), transparent 40%),
      linear-gradient(113deg, #26080e 0%, #170609 48%, #20080d 100%) !important;
    color: #ead9c4 !important;
    box-shadow: 0 22px 48px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 220, 153, .10) !important;
    transition: border-color .28s ease, box-shadow .28s ease, transform .28s ease !important;
}
.my2-body .my2-news-panel .zn3-card:hover {
    border-color: rgba(255, 194, 115, .82) !important;
    box-shadow: 0 28px 60px rgba(0,0,0,.52), 0 0 26px rgba(161,52,31,.10), inset 0 1px 0 rgba(255,220,153,.16) !important;
    transform: translateY(-2px) !important;
}
/* Subtle phoenix sigil at the right, using the EXISTING Auronis asset. */
.my2-body .my2-news-panel .zn3-card::after {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    inset: 0 !important;
    opacity: .17 !important;
    pointer-events: none !important;
    background-image: url('../mythos2-assets/phoenix-sigil.svg') !important;
    background-repeat: no-repeat !important;
    background-size: min(420px, 70%) auto !important;
    background-position: right -105px top -116px !important;
    filter: sepia(.12) saturate(1.2) !important;
}
/* Gold light sweep, independent of CMS reveal animations. */
.my2-body .my2-news-panel .zn3-card::before {
    content: "" !important;
    position: absolute !important;
    z-index: 3 !important;
    inset: 0 !important;
    pointer-events: none !important;
    opacity: .55 !important;
    background: linear-gradient(106deg, transparent 30%, rgba(255,199,116,.025) 43%, rgba(255,205,128,.085) 50%, rgba(255,199,116,.025) 57%, transparent 70%) !important;
    transform: translateX(-135%);
    animation: my2NewsShine 10s ease-in-out infinite !important;
}
.my2-body .my2-news-panel .zn3-card > .zn3-header,
.my2-body .my2-news-panel .zn3-card > .zn3-divider,
.my2-body .my2-news-panel .zn3-card > .zn3-content,
.my2-body .my2-news-panel .zn3-card > .zn3-footer {
    position: relative !important;
    z-index: 1 !important;
}

/* Crest, spinning rings, ember halo and an unmistakable AURONIS M. */
.my2-body .my2-news-panel .zn3-header {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    min-height: 132px !important;
    padding: 23px 24px 19px !important;
    background: linear-gradient(95deg, rgba(111, 20, 26, .25), rgba(61, 14, 17, .10) 53%, transparent 100%) !important;
}
.my2-body .my2-news-panel .zn3-sigil {
    position: relative !important;
    width: 96px !important;
    height: 96px !important;
    min-width: 96px !important;
    display: grid !important;
    place-items: center !important;
    filter: drop-shadow(0 0 15px rgba(228, 81, 39, .17)) !important;
}
.my2-body .my2-news-panel .zn3-sigil::before {
    content: "";
    position: absolute;
    inset: -12px;
    border-radius: 50%;
    background: conic-gradient(from 20deg, transparent 0deg, rgba(238, 96, 41, .50) 32deg, transparent 75deg, transparent 164deg, rgba(247, 163, 75, .45) 215deg, transparent 275deg, rgba(197, 45, 32, .40) 335deg, transparent 360deg);
    -webkit-mask: radial-gradient(circle, transparent 0 44%, #000 56%, transparent 71%);
    mask: radial-gradient(circle, transparent 0 44%, #000 56%, transparent 71%);
    animation: my2NewsHalo 17s linear infinite;
    pointer-events: none;
}
.my2-body .my2-news-panel .zn3-sigil::after {
    content: "";
    position: absolute;
    inset: 9px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(225, 74, 36, .15), transparent 69%);
    box-shadow: 0 0 28px rgba(195, 46, 27, .12);
    pointer-events: none;
}
.my2-body .my2-news-panel .zn3-ring {
    inset: 3px !important;
    border-width: 1px !important;
    border-top-color: #ffc276 !important;
    border-right-color: rgba(220, 102, 47, .16) !important;
    border-bottom-color: rgba(198, 87, 45, .53) !important;
    border-left-color: rgba(247, 182, 89, .16) !important;
    filter: drop-shadow(0 0 5px rgba(246, 131, 63, .30)) !important;
    animation: my2NewsHalo 11s linear infinite !important;
}
.my2-body .my2-news-panel .zn3-ring-b {
    inset: 0 !important;
    border-top-color: rgba(225, 98, 53, .13) !important;
    border-right-color: rgba(255, 207, 119, .75) !important;
    border-bottom-color: rgba(255, 174, 82, .13) !important;
    border-left-color: rgba(255, 209, 122, .30) !important;
    animation: my2NewsHaloReverse 16s linear infinite !important;
}
.my2-body .my2-news-panel .zn3-rune {
    inset: 13px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(239, 163, 80, .75) !important;
    background: radial-gradient(circle at 48% 38%, #45151a 0%, #1b080d 53%, #0d0508 100%) !important;
    box-shadow: 0 0 22px rgba(244, 93, 37, .24), inset 0 0 23px rgba(232, 81, 37, .15), inset 0 1px 0 rgba(255, 214, 132, .23) !important;
    /* Hide the legacy Z glyph without editing the news database or PHP. */
    font-size: 0 !important;
    color: transparent !important;
    text-shadow: none !important;
    animation: my2NewsCrestPulse 3.4s ease-in-out infinite !important;
}
.my2-body .my2-news-panel .zn3-rune::after {
    content: "A";
    position: relative;
    z-index: 2;
    display: block;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 47px;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    letter-spacing: -2px;
    padding-right: 5px;
    background: linear-gradient(180deg, #fff2c6 0%, #ffd18a 30%, #c47a3b 68%, #ffca7c 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 1px 1px #3b0a0b) drop-shadow(0 0 9px rgba(255, 158, 73, .44));
    animation: my2NewsLetterGlow 3.4s ease-in-out infinite;
}
.my2-body .my2-news-panel .zn3-star {
    color: #ffdc96 !important;
    text-shadow: 0 0 9px #ffb65e !important;
    animation: my2NewsStar 2.6s ease-in-out infinite !important;
}

/* Article typography and controls. */
.my2-body .my2-news-panel .zn3-eyebrow {
    color: #e7ad65 !important;
    font-size: 9px !important;
    letter-spacing: 2.5px !important;
    line-height: 1.5 !important;
}
.my2-body .my2-news-panel .zn3-eyebrow span,
.my2-body .my2-news-panel .zn3-eyebrow span:last-child {
    background: linear-gradient(90deg, transparent, #e6aa60) !important;
}
.my2-body .my2-news-panel .zn3-eyebrow span:last-child {
    background: linear-gradient(90deg, #e6aa60, transparent) !important;
}
.my2-body .my2-news-panel .zn3-titlebox h3 {
    margin: 1px 0 11px !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: clamp(25px, 2.5vw, 34px) !important;
    font-weight: 700 !important;
    letter-spacing: .45px !important;
    line-height: 1.15 !important;
}
.my2-body .my2-news-panel .zn3-titlebox h3 a {color: #ffe0a4 !important; text-shadow: 0 2px 18px rgba(0,0,0,.5) !important;}
.my2-body .my2-news-panel .zn3-titlebox h3 a:hover {color: #fff2d1 !important;}
.my2-body .my2-news-panel .zn3-meta {color: #bfa28a !important; font-size: 10px !important; letter-spacing: .45px !important;}
.my2-body .my2-news-panel .zn3-meta svg {fill: #e7a969 !important;}
.my2-body .my2-news-panel .zn3-meta b {color: #86553c !important;}
.my2-body .my2-news-panel .zn3-admin {gap: 8px !important;}
.my2-body .my2-news-panel .zn3-admin a {
    width: 36px !important;
    height: 36px !important;
    border: 1px solid rgba(214, 147, 79, .47) !important;
    border-radius: 3px !important;
    background: rgba(27, 7, 11, .88) !important;
}
.my2-body .my2-news-panel .zn3-admin a:hover {background: rgba(89, 25, 27, .85) !important; border-color: #f5b56f !important;}
.my2-body .my2-news-panel .zn3-admin svg {fill: #f1ba75 !important;}
.my2-body .my2-news-panel .zn3-admin .zn3-delete {border-color: rgba(196, 68, 68, .43) !important;}
.my2-body .my2-news-panel .zn3-admin .zn3-delete svg {fill: #f18a88 !important;}

.my2-body .my2-news-panel .zn3-divider {padding: 0 24px !important;}
.my2-body .my2-news-panel .zn3-divider span,
.my2-body .my2-news-panel .zn3-divider span:last-child {background: linear-gradient(90deg, transparent, rgba(239, 171, 87, .60)) !important;}
.my2-body .my2-news-panel .zn3-divider span:last-child {background: linear-gradient(90deg, rgba(239, 171, 87, .60), transparent) !important;}
.my2-body .my2-news-panel .zn3-divider i {color: #ffc579 !important; text-shadow: 0 0 10px rgba(255,174,80,.75) !important;}
.my2-body .my2-news-panel .zn3-content {
    padding: 19px 24px 23px !important;
    color: #ebdcd0 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    background: linear-gradient(90deg, rgba(73, 13, 21, .16), transparent 75%) !important;
}
.my2-body .my2-news-panel .zn3-content p {color: #ebdcd0 !important;}
.my2-body .my2-news-panel .zn3-content a {color: #ffca80 !important;}
.my2-body .my2-news-panel .zn3-content h1,
.my2-body .my2-news-panel .zn3-content h2,
.my2-body .my2-news-panel .zn3-content h3 {color: #ffe0a6 !important;}
.my2-body .my2-news-panel .zn3-content blockquote {border-left-color: #d68b4d !important; background: rgba(134, 32, 35, .14) !important; color: #f0dfd1 !important;}
.my2-body .my2-news-panel .zn3-footer {
    padding: 14px 24px !important;
    border-top: 1px solid rgba(232, 155, 79, .34) !important;
    background: linear-gradient(90deg, rgba(63, 11, 16, .48), rgba(17, 5, 8, .56)) !important;
    color: #c09b7d !important;
    font-size: 9px !important;
}
.my2-body .my2-news-panel .zn3-dot {background: #ffb86b !important; box-shadow: 0 0 10px rgba(255, 160, 72, .7) !important;}
.my2-body .my2-news-panel .zn3-footer > a,
.my2-body .my2-news-panel .zn3-more {color: #f5bf79 !important;}
.my2-body .my2-news-panel .zn3-footer > a:hover {color: #fff0be !important;}
.my2-body .my2-news-panel .zn3-more {border-color: rgba(233, 165, 87, .5) !important; background: rgba(117, 34, 27, .22) !important;}
.my2-body .my2-news-panel .zn3-empty {color: #c4a48d !important; border-color: rgba(216, 139, 76, .38) !important;}

/* The "Add article" button and the in-page editor also lose the old green. */
.my2-body .my2-news-panel #zaneris-add-news-toggle,
.my2-body .my2-news-panel #zaneris-add-news-box .btn-success {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border: 1px solid #dda466 !important;
    border-radius: 3px !important;
    background: linear-gradient(180deg, #f4c789 0%, #cc8d4d 100%) !important;
    color: #260b0c !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 1.25px !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
    box-shadow: 0 4px 20px rgba(197, 97, 47, .14) !important;
    padding: 12px 17px !important;
    transition: transform .2s ease, filter .2s ease, box-shadow .2s ease !important;
}
.my2-body .my2-news-panel #zaneris-add-news-toggle:hover,
.my2-body .my2-news-panel #zaneris-add-news-box .btn-success:hover {
    filter: brightness(1.1) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 7px 24px rgba(218, 112, 55, .27) !important;
}
.my2-body .my2-news-panel #zaneris-add-news-box .card,
.my2-body .my2-news-panel #zaneris-add-news-box .card-block {
    background: #1c080e !important;
    border: 1px solid rgba(225, 148, 83, .34) !important;
    color: #ead9c4 !important;
}
.my2-body .my2-news-panel #zaneris-add-news-box input,
.my2-body .my2-news-panel #zaneris-add-news-box textarea {
    border-color: rgba(211, 143, 82, .5) !important;
    background: #17080c !important;
    color: #f2e4d6 !important;
}
.my2-body .my2-news-panel .z-news-editor-tip {color: #d3a986 !important; background: rgba(106, 27, 32, .20) !important; border-color: rgba(215, 142, 81, .30) !important;}
.my2-body .my2-news-panel .wp-pagenavi .current,
.my2-body .my2-news-panel .wp-pagenavi a:hover {color: #ffe2a9 !important; background: #4b1520 !important; border-color: rgba(234, 167, 94, .6) !important;}
.my2-body .my2-news-panel .wp-pagenavi a {border-color: rgba(224, 157, 88, .35) !important; color: #e7b679 !important;}

/* Consistent palette in the optional built-in admin news editor. */
.my2-body .my2-news-panel .zn-wrap {color: #ead6c3 !important;}
.my2-body .my2-news-panel .zn-card {background: linear-gradient(130deg,#260a11,#150609) !important; border-color: rgba(221, 147, 84, .39) !important;}
.my2-body .my2-news-panel .zn-title {color: #f5c386 !important;}
.my2-body .my2-news-panel .zn-wrap label {color: #d3a482 !important;}
.my2-body .my2-news-panel .zn-wrap input,
.my2-body .my2-news-panel .zn-wrap textarea {background: #16080c !important; color: #f5e5d3 !important; border-color: rgba(219, 147, 84, .5) !important;}
.my2-body .my2-news-panel .zn-btn {border-color: #cf9156 !important; background: #57201c !important; color: #ffe0b4 !important;}
.my2-body .my2-news-panel .zn-btn:hover {background: #762c23 !important;}
.my2-body .my2-news-panel .zn-del {border-color: #aa5151 !important; background: #431419 !important; color: #ffd5d5 !important;}
.my2-body .my2-news-panel .zn-meta {color: #b18d76 !important;}

@keyframes my2NewsHalo {to {transform: rotate(360deg);}}
@keyframes my2NewsHaloReverse {to {transform: rotate(-360deg);}}
@keyframes my2NewsCrestPulse {0%,100% {transform: scale(.98); filter: brightness(.96);} 50% {transform: scale(1.045); filter: brightness(1.22);}}
@keyframes my2NewsLetterGlow {0%,100% {filter: drop-shadow(0 1px 1px #3b0a0b) drop-shadow(0 0 6px rgba(255,158,73,.27));} 50% {filter: drop-shadow(0 1px 1px #3b0a0b) drop-shadow(0 0 15px rgba(255,169,78,.8));}}
@keyframes my2NewsStar {0%,100% {opacity: .9; transform: translateY(0) scale(1);} 50% {opacity: .42; transform: translateY(-4px) scale(.7);}}
@keyframes my2NewsShine {0%,68% {transform: translateX(-135%);} 90%,100% {transform: translateX(135%);}}

@media (max-width: 720px) {
    .my2-body .my2-news-panel .zn3-header {padding: 20px 17px 16px !important; gap: 13px !important; min-height: 100px !important;}
    .my2-body .my2-news-panel .zn3-sigil {width: 72px !important; height: 72px !important; min-width: 72px !important;}
    .my2-body .my2-news-panel .zn3-rune {inset: 10px !important;}
    .my2-body .my2-news-panel .zn3-rune::after {font-size: 34px; letter-spacing: -2px; padding-right: 0;}
    .my2-body .my2-news-panel .zn3-titlebox h3 {font-size: 24px !important;}
    .my2-body .my2-news-panel .zn3-eyebrow {font-size: 8px !important; letter-spacing: 1.3px !important;}
    .my2-body .my2-news-panel .zn3-content {padding: 16px 17px 20px !important;}
    .my2-body .my2-news-panel .zn3-footer {padding: 13px 17px !important;}
    .my2-body .my2-news-panel .zn3-divider {padding: 0 17px !important;}
}
@media (max-width: 440px) {
    .my2-body .my2-news-panel .zn3-header {flex-wrap: wrap !important; gap: 10px !important;}
    .my2-body .my2-news-panel .zn3-sigil {width: 64px !important; height: 64px !important; min-width: 64px !important;}
    .my2-body .my2-news-panel .zn3-rune::after {font-size: 30px;}
    .my2-body .my2-news-panel .zn3-titlebox {flex: 1 1 calc(100% - 85px) !important;}
    .my2-body .my2-news-panel .zn3-titlebox h3 {font-size: 22px !important;}
    .my2-body .my2-news-panel .zn3-admin {margin-left: 0 !important;}
    .my2-body .my2-news-panel .zn3-footer {flex-wrap: wrap !important;}
    .my2-body .my2-news-panel .zn3-card::after {background-size: 85% auto !important; background-position: right -90px top -60px !important;}
}
@media (prefers-reduced-motion: reduce) {
    .my2-body .my2-news-panel .zn3-card,
    .my2-body .my2-news-panel .zn3-card::before,
    .my2-body .my2-news-panel .zn3-sigil::before,
    .my2-body .my2-news-panel .zn3-ring,
    .my2-body .my2-news-panel .zn3-ring-b,
    .my2-body .my2-news-panel .zn3-rune,
    .my2-body .my2-news-panel .zn3-rune::after,
    .my2-body .my2-news-panel .zn3-star {animation: none !important; transition: none !important; transform: none !important;}
}
