/* ========================================
   THEME CYAN - PW ATLANTA
   Nova paleta de cores azul/ciano
======================================== */

:root {
  /* Cores Principais */
  --color-primary: rgb(80, 180, 220);
  --color-primary-light: rgb(120, 200, 235);
  --color-primary-dark: rgb(40, 120, 160);
  --color-accent: rgb(150, 220, 240);
  --color-accent-dim: rgba(100, 180, 220, 0.7);
  
  /* Cores de Fundo */
  --bg-dark: rgb(10, 20, 30);
  --bg-medium: rgb(15, 30, 45);
  --bg-light: rgb(20, 40, 60);
  
  /* Cores de Texto */
  --text-bright: rgb(200, 235, 255);
  --text-normal: rgba(180, 220, 240, 0.9);
  --text-dim: rgba(150, 200, 230, 0.6);
}

/* ========== SUBSTITUIÇÕES GLOBAIS ========== */

/* Texto principal colorido */
h1, h2, h3 {
  background-image: url('../images/texture.jpg') !important;
  filter: hue-rotate(180deg) saturate(1.5) brightness(1.2);
}

/* Links e textos wheat → cyan */
.un_social ul li a,
.un_files-option div:nth-child(2) ul li a,
.un_main .un_window .un_bonuses ul li a,
.un_main .un_window .un_header-start a,
.un_main .un_window .un_history a {
  color: var(--text-bright);
}

/* SVG paths */
.un_social ul li a svg path,
.un_main .un_window .un_bonuses ul li .un_bonuses-info div svg path,
.un_main .un_window .un_history a svg path,
.un_main .un_window .un_why-control .swiper-slide div:nth-child(1) span {
  fill: var(--color-accent);
}

/* ========== BOTÕES E INTERATIVOS ========== */

/* Botões principais */
.un_files-option div:nth-child(2) span {
  background-color: var(--color-primary-dark);
}

.un_main .un_window .un_bonuses ul li a div:nth-child(2),
.un_main .un_window .un_header-start a div:nth-child(2) {
  background-color: rgba(40, 100, 150, 0.7);
}

.un_main .un_window .un_bonuses ul li a:hover div:nth-child(2) {
  background-color: rgb(50, 120, 170);
}

/* Bordas e linhas decorativas */
.un_main .un_window .un_bonuses ul li a div:nth-child(1)::before,
.un_main .un_window .un_bonuses ul li a div:nth-child(1)::after,
.un_main .un_window .un_header-start a div:nth-child(1)::before,
.un_main .un_window .un_header-start a div:nth-child(1)::after,
.un_main .un_window .un_header-worlds div:nth-child(1)::before,
.un_main .un_window .un_header-worlds div:nth-child(1)::after,
.un_main .un_window .un_header-worlds div:nth-child(2)::before,
.un_main .un_window .un_header-worlds div:nth-child(2)::after {
  background: linear-gradient(120deg, transparent, var(--color-primary));
  background-color: var(--color-primary);
}

/* ========== SEÇÃO DE NOTÍCIAS ========== */

.un_main .un_window .un_news-label {
  color: var(--text-dim);
}

.un_main .un_window .un_news-viewAll {
  background: linear-gradient(135deg, rgba(40, 100, 150, 0.3), rgba(0, 0, 0, 0.5));
  border: 1px solid rgba(80, 180, 220, 0.3);
}

.un_main .un_window .un_news-viewAll:hover {
  color: var(--text-bright);
  background: linear-gradient(135deg, rgba(40, 100, 150, 0.5), rgba(0, 0, 0, 0.6));
  border-color: rgba(80, 180, 220, 0.6);
}

/* Featured news */
.un_main .un_window .un_news-featured::after {
  filter: hue-rotate(180deg) saturate(1.2);
}

.un_main .un_window .un_news-featured .news-badge {
  background: linear-gradient(135deg, rgba(40, 100, 150, 0.9), rgba(30, 80, 120, 0.9));
  border: 1px solid rgba(80, 180, 220, 0.4);
}

.un_main .un_window .un_news-featured .news-badge.update {
  background: linear-gradient(135deg, rgba(34, 120, 100, 0.9), rgba(20, 80, 70, 0.9));
}

.un_main .un_window .un_news-featured .news-badge.event {
  background: linear-gradient(135deg, rgba(80, 100, 180, 0.9), rgba(50, 70, 130, 0.9));
}

.un_main .un_window .un_news-featured .news-title {
  color: var(--text-bright);
  -webkit-text-fill-color: var(--text-bright);
}

.un_main .un_window .un_news-featured .news-meta svg path {
  fill: var(--color-accent);
}

/* Grid news */
.un_main .un_window .un_news-grid .news-card-small {
  background: linear-gradient(135deg, rgba(10, 30, 50, 0.6), rgba(15, 40, 60, 0.8));
  border: 1px solid rgba(80, 180, 220, 0.15);
}

.un_main .un_window .un_news-grid .news-card-small::before {
  background: linear-gradient(180deg, rgba(80, 180, 220, 0.8), rgba(40, 100, 150, 0.4));
}

.un_main .un_window .un_news-grid .news-card-small:hover {
  background: linear-gradient(135deg, rgba(20, 50, 80, 0.8), rgba(25, 60, 90, 0.9));
  border-color: rgba(80, 180, 220, 0.4);
}

.un_main .un_window .un_news-grid .news-card-small .news-thumb::after {
  filter: hue-rotate(180deg) saturate(1.2);
}

.un_main .un_window .un_news-grid .news-card-small .news-badge {
  background: rgba(40, 100, 150, 0.6);
}

.un_main .un_window .un_news-grid .news-card-small .news-badge.update {
  background: rgba(34, 120, 100, 0.6);
}

.un_main .un_window .un_news-grid .news-card-small .news-badge.event {
  background: rgba(80, 100, 180, 0.6);
}

/* Skeleton */
.un_news-skeleton {
  background: linear-gradient(135deg, rgba(10, 30, 50, 0.4), rgba(15, 40, 60, 0.6));
  border: 1px solid rgba(80, 180, 220, 0.1);
}

.un_news-skeleton .skeleton-badge {
  background: rgba(40, 100, 150, 0.3);
}

.un_news-skeleton .skeleton-title {
  background: rgba(80, 180, 220, 0.2);
}

.un_news-skeleton .skeleton-text {
  background: rgba(80, 180, 220, 0.1);
}

/* News footer */
.un_main .un_window .un_news-footer {
  border-top: 1px solid rgba(80, 180, 220, 0.15);
}

.un_main .un_window .un_news-footer p {
  color: var(--text-dim);
}

.un_main .un_window .un_news-social li a {
  background: linear-gradient(135deg, rgba(10, 30, 50, 0.6), rgba(20, 50, 70, 0.8));
  border: 1px solid rgba(80, 180, 220, 0.2);
}

.un_main .un_window .un_news-social li a:hover {
  background: linear-gradient(135deg, rgba(20, 50, 70, 0.8), rgba(30, 70, 100, 0.9));
  border-color: rgba(80, 180, 220, 0.5);
  color: var(--text-bright);
}

/* ========== SEÇÃO WHY ========== */

.un_main .un_window .un_why-control .swiper-slide div:nth-child(2) {
  background-color: rgba(100, 180, 220, 0.3);
}

.un_main .un_window .un_why-control .swiper-slide div:nth-child(1) span {
  color: var(--text-bright);
}

.un_main .un_window .un_why-control .swiper-slide p {
  color: rgba(150, 200, 230, 0.7);
}

/* ========== SEÇÃO CALENDÁRIO ========== */

.un_main .un_window-calendar {
  background: linear-gradient(180deg, rgba(10, 25, 40, 0.95) 0%, rgba(15, 30, 50, 0.98) 100%);
}

.un_main .un_window .un_calendar > p {
  color: var(--text-dim);
}

.un_main .un_window .un_calendar-event {
  background: linear-gradient(135deg, rgba(10, 30, 50, 0.5), rgba(20, 45, 65, 0.7));
  border: 1px solid rgba(80, 180, 220, 0.15);
}

.un_main .un_window .un_calendar-event:hover {
  border-color: rgba(80, 180, 220, 0.4);
}

.un_main .un_window .un_calendar-event::before {
  background: linear-gradient(180deg, rgba(80, 180, 220, 0.8), rgba(40, 100, 150, 0.4));
}

.un_main .un_window .un_calendar-event::after {
  filter: hue-rotate(180deg) saturate(1.2);
}

.un_main .un_window .un_calendar-event .event-date {
  background: linear-gradient(135deg, rgba(40, 100, 150, 0.6), rgba(30, 80, 120, 0.8));
  border: 1px solid rgba(80, 180, 220, 0.3);
}

.un_main .un_window .un_calendar-event .event-date .event-day {
  color: var(--text-bright);
}

.un_main .un_window .un_calendar-event .event-date .event-month {
  color: var(--text-dim);
}

.un_main .un_window .un_calendar-event .event-badge {
  background: linear-gradient(135deg, rgba(40, 100, 150, 0.7), rgba(30, 80, 120, 0.8));
}

.un_main .un_window .un_calendar-event .event-badge.pvp {
  background: linear-gradient(135deg, rgba(150, 60, 80, 0.7), rgba(120, 40, 60, 0.8));
}

.un_main .un_window .un_calendar-event .event-badge.special {
  background: linear-gradient(135deg, rgba(80, 100, 180, 0.7), rgba(60, 70, 140, 0.8));
}

.un_main .un_window .un_calendar-event .event-badge.boss {
  background: linear-gradient(135deg, rgba(34, 120, 100, 0.7), rgba(20, 90, 70, 0.8));
}

.un_main .un_window .un_calendar-event .event-time {
  color: var(--text-dim);
}

.un_main .un_window .un_calendar-event .event-time svg {
  fill: rgba(80, 180, 220, 0.6);
}

/* ========== FRAMES E DECORAÇÕES ========== */

/* Aplicar filtro hue-rotate nos frames dourados para ficarem azuis */
.un_files-container::after,
.un_files-option::after,
.un_files-option div:nth-child(2) ul::after,
.un_social ul li a::after,
.un_main .un_window-scroll span::after,
.un_main .un_window .un_bonuses ul li::after,
.un_main .un_window .un_bonuses ul li .un_bonuses-info div::after,
.un_main .un_window .un_bonuses ul li a div:nth-child(1) span::after,
.un_main .un_window .un_header-scroll span::after,
.un_main .un_window .un_header-start a div:nth-child(1) span::after,
.un_main .un_window .un_header-worlds div:nth-child(1) span::after,
.un_main .un_window .un_header-worlds div:nth-child(2) span::after,
.un_main .un_window .un_why-control .swiper-slide div:nth-child(1)::after,
.un_main .un_window .un_why-content .un_why-media li a::after,
.un_main .un_window .un_why-content .un_why-rates li::after,
.un_main .un_window .un_news-slider::after,
.un_main .un_window .un_history a::after,
.un_main .un_window .un_history ul li::after {
  filter: hue-rotate(180deg) saturate(1.3) brightness(1.1);
}

/* Frame top */
.un_main .un_window .un_bonuses ul li a::before,
.un_main .un_window .un_header-start a::before,
.un_main .un_window .un_history ul::before {
  filter: hue-rotate(180deg) saturate(1.3) brightness(1.1);
}

/* ========== HEADER ========== */

.un_main .un_window .un_header-worlds ul li span:nth-child(1) {
  color: rgba(150, 200, 230, 0.7);
}

/* ========== BONUSES ========== */

.un_main .un_window .un_bonuses ul li .un_bonuses-info p strong {
  color: var(--text-bright);
}

/* ========== HISTORY ========== */

.un_main .un_window .un_history ul li span {
  color: var(--text-bright);
}

/* ========== FOOTER ========== */

.un_main .un_window footer p {
  color: rgba(100, 180, 220, 0.25);
}

.un_main .un_window footer ul li a:hover {
  color: var(--text-bright);
}

/* ========== MODAL DOWNLOADS ========== */

.un_files-container {
  background-color: rgb(12, 30, 50) !important;
}

.un_files-container h1 {
  -webkit-text-fill-color: rgb(100, 200, 240) !important;
  background: none !important;
}

.un_files-mobileView {
  color: rgb(100, 200, 240) !important;
}

.un_files-help h3 {
  -webkit-text-fill-color: rgb(100, 200, 240) !important;
  background: none !important;
}

.un_files-help a {
  background-color: rgb(40, 100, 150) !important;
  color: rgb(200, 235, 255) !important;
}

.un_files-close div {
  background-color: rgb(80, 180, 220) !important;
}

.un_files-close div svg path {
  fill: rgb(10, 30, 50) !important;
}

.un_files-option {
  background: linear-gradient(120deg, rgb(15, 40, 60), rgb(30, 80, 120)) !important;
}

.un_files-option div:nth-child(1) p {
  color: rgba(200, 230, 255, 0.8) !important;
}

.un_files-option div:nth-child(1) p strong {
  color: rgb(150, 220, 240) !important;
}

.un_files-option div:nth-child(2) ul li {
  border-bottom: 0.05rem solid rgb(30, 60, 90) !important;
}

.un_files-option div:nth-child(2) ul li a {
  background-color: rgb(15, 40, 65) !important;
  color: rgb(150, 220, 240) !important;
}

.un_files-option div:nth-child(2) ul li a:hover {
  background-color: rgb(25, 60, 90) !important;
}

.un_files-option div:nth-child(2) span {
  background-color: rgb(40, 120, 170) !important;
  color: rgb(200, 240, 255) !important;
}

.un_files-option div:nth-child(2) span svg path {
  fill: rgb(200, 240, 255) !important;
}

/* ========== PARTÍCULAS ========== */

#sparks {
  filter: hue-rotate(180deg) saturate(1.5);
}

/* ========== BACKGROUNDS ========== */

.un_main .un_window-header::before {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(10, 25, 40, 0.9));
}

.un_main .un_window .un_bg-bonuses::before {
  background: linear-gradient(rgba(0, 0, 0, 0), transparent, rgb(10, 25, 40));
}

.un_main .un_window .un_bg-why::before {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(10, 25, 40, 0.4), rgba(10, 25, 40, 0.8));
}

.un_main .un_window .un_bg-news::before {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(8, 20, 35, 0.7));
}

.un_main .un_window .un_bg-history::before {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2), rgba(10, 25, 40, 0.921));
}

.un_main .un_window .un_news-slider .swiper-slide::before {
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgb(8, 20, 35));
}

/* ========== TEXTOS ESPECIAIS ========== */

.un_main .un_window .un_why-content .un_why-rates span {
  color: rgba(150, 200, 230, 0.7);
}

.un_main .un_window .un_news-column li a strong {
  color: var(--text-bright);
}

.un_main .un_window .un_news-slider .swiper-slide span {
  color: rgba(150, 200, 230, 0.7);
}

.un_main .un_window .un_news-slider .swiper-controls .swiper-button-prev,
.un_main .un_window .un_news-slider .swiper-controls .swiper-button-next {
  border: 0.1rem solid rgba(100, 180, 220, 0.2);
}

.un_main .un_window .un_news-slider .swiper-controls .swiper-button-prev:hover,
.un_main .un_window .un_news-slider .swiper-controls .swiper-button-next:hover {
  border-color: rgba(100, 180, 220, 0.5);
}

.un_main .un_window .un_news-slider .swiper-controls .swiper-button-prev::after,
.un_main .un_window .un_news-slider .swiper-controls .swiper-button-next::after {
  color: var(--text-bright);
}

.un_main .un_window .un_news-slider .swiper-controls .swiper-pagination span {
  background-color: var(--text-bright);
}

/* ========== RESPONSIVIDADE ========== */

@media (max-width: 768px) {
  .un_main .un_window .un_calendar h1,
  .un_main .un_window .un_news h1,
  .un_main .un_window .un_why-top h1,
  .un_main .un_window .un_bonuses h1,
  .un_main .un_window .un_history h1 {
    filter: hue-rotate(180deg) saturate(1.5) brightness(1.2) drop-shadow(0 0.5rem 0.5rem rgba(0, 0, 0, 0.7));
  }
}