/* ==========================================================================
   ELDEN RO - PROFESSIONAL THEME OVERRIDE (Clean / Ordered / No duplicates)
   Base: Bootstrap 4 + Forest Theme
   Concept: High-Fantasy / Dark UI / Glassmorphism
   ========================================================================== */

/* 1) CONFIGURACIÓN & VARIABLES
   -------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;700&family=Inter:wght@300;400;500;600&display=swap');

:root{
  --c-bg-dark:#070709;
  --c-bg-panel:rgba(12,12,16,.90);

  --c-accent-gold:#c9a44c;
  --c-accent-gold-dark:#8f6b22;
  --c-accent-glow:rgba(201,164,76,.25);

  --c-text-main:#d8d6cf;
  --c-text-muted:#9a978e;

  --c-border-subtle:rgba(255,255,255,.08);
  --c-border-active:rgba(201,164,76,.4);

  --layout-gap:1.25rem;
  --radius-md:12px;
  --radius-lg:16px;

  --shadow-card:0 10px 30px -5px rgba(0,0,0,.6);
  --shadow-glow:0 0 20px rgba(201,164,76,.15);

  --glass-blur:blur(10px);
  --ease-smooth:cubic-bezier(.25,.8,.25,1);

  /* Navbar sizing (single source of truth) */
  --navbar-minh:72px;
  --logo-h:44px;
  --logo-maxh:52px;
  --brand-fs:1.55rem;
  --brand-ls:.06em;

  --navbar-minh-m:60px;
  --logo-h-m:34px;
  --brand-fs-m:1.15rem;
}

/* 2) BASE & RESET VISUAL
   -------------------------------------------------------------------------- */
html,body{
  height:100%;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  background-color:var(--c-bg-dark);
  background-image:
    radial-gradient(circle at 50% 0%, rgba(201,164,76,.08), transparent 60%),
    linear-gradient(180deg, #070709 0%, #111114 100%);
  background-attachment:fixed;
  color:var(--c-text-main);
  font-family:'Inter',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  scrollbar-width:thin;
  scrollbar-color:var(--c-accent-gold-dark) var(--c-bg-dark);
}

*,::before,::after{ box-sizing:border-box !important; }

body::before{
  content:"";
  position:fixed;
  inset:0;
  background-image:url("../images/texture-grain.png");
  background-size:400px;
  opacity:.06;
  pointer-events:none;
  z-index:0;
  mix-blend-mode:overlay;
}

/* Scrollbar (Webkit) */
::-webkit-scrollbar{ width:8px; }
::-webkit-scrollbar-track{ background:var(--c-bg-dark); }
::-webkit-scrollbar-thumb{
  background:var(--c-accent-gold-dark);
  border-radius:10px;
  border:2px solid var(--c-bg-dark);
}
::-webkit-scrollbar-thumb:hover{ background:var(--c-accent-gold); }

/* Typography / links */
h1,h2,h3,h4,h5,.cinzel-font{
  font-family:'Cinzel',serif;
  font-weight:600;
  letter-spacing:.02em;
  color:#ece8dc;
}

a{
  color:var(--c-accent-gold);
  transition:color .2s ease;
}
a:hover{
  color:#fff;
  text-decoration:none;
  text-shadow:0 0 8px var(--c-accent-glow);
}

/* 3) LAYOUT SYSTEM
   -------------------------------------------------------------------------- */
.container.home{
  position:relative;
  z-index:2;
  padding:2rem 0 3rem;
}

.wrapper-main{
  display:grid;
  grid-template-columns:320px 1fr 320px;
  gap:var(--layout-gap);
  align-items:start;
}

.wrapper-left,.wrapper-right{
  display:flex;
  flex-direction:column;
  gap:var(--layout-gap);
}

.wrapper-center{
  display:flex;
  flex-direction:column;
  gap:var(--layout-gap);
  min-width:0;
}

.wrapper-full{
  grid-column:1 / -1;
  width:100%;
  min-width:0;
}

@media (max-width:1200px){
  .wrapper-main{ grid-template-columns:300px 1fr; }
  .wrapper-right{
    grid-column:1 / -1;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
  }
}
@media (max-width:991px){
  .wrapper-main{ grid-template-columns:1fr; }
}

/* 4) COMPONENTES: CARDS / PANELS / WOE
   -------------------------------------------------------------------------- */
/* Base glass card (unificado) */
.container.home .news,
.container.home .server-info,
.container.home .ranking,
.container.home .woe-info,
.elden-card-woe,
.container.home .slider-container{
  position:relative;
  overflow:hidden !important;
  background:var(--c-bg-panel) !important;
  border:1px solid var(--c-border-subtle) !important;
  border-radius:var(--radius-lg) !important;
  backdrop-filter:var(--glass-blur);
}

/* Padding: el slider es la excepción */
.container.home .news,
.container.home .server-info,
.container.home .ranking,
.container.home .woe-info,
.elden-card-woe{
  padding:20px;
}
.container.home .slider-container{ padding:0 !important; }

/* Slider media */
.container.home .slider-container img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center;
}

/* Si el slider tiene contenedores internos típicos */
.container.home .slider-container .carousel-inner,
.container.home .slider-container .carousel-item,
.container.home .slider-container .item,
.container.home .slider-container .slide,
.container.home .slider-container .banner{
  overflow:hidden !important;
  border-radius:inherit !important;
}

.container.home .slider-container .banner,
.container.home .slider-container .slide,
.container.home .slider-container .item{
  background-size:cover !important;
  background-position:center !important;
}

/* Divider (genérico) */
.elden-divider{
  height:1px;
  margin:14px 0;
  background:linear-gradient(90deg, transparent, rgba(201,164,76,.35), transparent);
}

/* Header WoE */
.elden-card-head{
  display:flex;
  align-items:center;
  gap:15px;
  margin-bottom:20px;
  padding-bottom:15px;
  border-bottom:1px solid var(--c-border-subtle);
}
.elden-card-icon img{
  width:32px;
  filter:drop-shadow(0 0 5px var(--c-accent-glow));
}
.elden-card-title h2{
  font-size:1.2rem;
  margin:0;
  color:var(--c-accent-gold);
  text-transform:uppercase;
}
.elden-card-title span{
  font-size:.8rem;
  color:var(--c-text-muted);
}

/* Filas WoE */
.elden-woe-row{
  display:flex;
  align-items:center;
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.05);
  transition:background .3s ease;
}
.elden-woe-row:last-child{ border-bottom:none; }
.elden-woe-row:hover{ background:rgba(201,164,76,.03); }

.elden-woe-day{
  flex:0 0 60px;
  font-family:'Cinzel',serif;
  font-weight:700;
  color:#fff;
  font-size:.95rem;
}

.elden-woe-info{
  flex:1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-left:15px;
  border-left:2px solid var(--c-accent-gold-dark);
}

.elden-woe-name{
  color:var(--c-text-main);
  font-weight:500;
  font-size:.9rem;
}
.elden-woe-time{
  font-family:'Inter',sans-serif;
  color:var(--c-accent-gold);
  font-size:.85rem;
  background:rgba(0,0,0,.3);
  padding:2px 8px;
  border-radius:4px;
  border:1px solid rgba(201,164,76,.1);
}

@media (max-width:480px){
  .elden-woe-info{
    flex-direction:column;
    align-items:flex-start;
    gap:5px;
  }
}

/* Server-info (fix alturas heredadas + items) */
.container.home .server-info{
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:hidden !important;
}

.container.home .server-info .items{
  margin-top:14px;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  position:relative !important;
}

.container.home .server-info .items .item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,.06);
  position:relative !important;
}
.container.home .server-info .items .item:last-child{ border-bottom:0; }

.container.home .server-info .items .label{
  flex:1;
  min-width:0;
  color:var(--c-text-main);
  opacity:.92;
  font-size:.9rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-transform:capitalize;
}

.container.home .server-info .items .value{
  flex:0 0 auto;
  color:var(--c-accent-gold);
  font-weight:600;
  text-align:right;
  font-size:.9rem;
  text-shadow:0 0 5px rgba(201,164,76,.3);
}

.container.home .server-info .no-display{ display:none; }

/* Filter pills */
.container.home .server-info .filter{
  display:flex;
  gap:10px;
  margin:14px 0 6px;
}
.container.home .server-info .filter .btn{
  flex:1 1 0;
  padding:10px 12px;
  border-radius:999px !important;
  border:1px solid var(--c-border-subtle) !important;
  background:rgba(255,255,255,.06) !important;
  color:var(--c-text-main) !important;
}
.container.home .server-info .filter .btn.active{
  background:linear-gradient(135deg,var(--c-accent-gold),var(--c-accent-gold-dark)) !important;
  color:#1a1508 !important;
  border-color:rgba(255,255,255,.2) !important;
}

/* 5) BOTONES & INPUTS
   -------------------------------------------------------------------------- */
.btn{
  border-radius:var(--radius-md) !important;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.05em;
  transition:all .3s var(--ease-smooth);
}

.btn-primary{
  background:linear-gradient(135deg,var(--c-accent-gold),var(--c-accent-gold-dark)) !important;
  color:#1a1508 !important;
  border:1px solid rgba(255,255,255,.2) !important;
}
.btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 20px rgba(201,164,76,.5);
}

.form-control{
  background:rgba(0,0,0,.4) !important;
  border:1px solid var(--c-border-subtle) !important;
  color:#fff !important;
}

/* 6) HERO (Erdtree)
   -------------------------------------------------------------------------- */
.elden-hero{
  position:relative;
  width:100%;
  min-height:600px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background-color:#000;
}

.elden-hero-bg{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-image:url('../images/background.png');
  background-size:cover;
  background-position:center 20%;
  opacity:.7;
  z-index:1;
  transform:scale(1.05);
}

.elden-hero-overlay{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
  z-index:2;
}

.elden-hero-content{
  position:relative;
  z-index:3;
  max-width:900px;
}

.elden-kicker{
  font-family:'Cinzel',serif;
  color:var(--c-accent-gold);
  text-transform:uppercase;
  letter-spacing:4px;
  font-size:.9rem;
  margin-bottom:10px;
  opacity:.8;
}

.elden-title{
  font-family:'Cinzel',serif;
  font-size:4.5rem;
  color:#f1e4c3;
  letter-spacing:12px;
  text-shadow:0 0 20px rgba(201,164,76,.6);
  margin:10px 0;
}

/* Resolver duplicado de .elden-divider:
   - Base: .elden-divider (arriba)
   - Hero: solo dentro del hero */
.elden-hero .elden-divider{
  width:200px;
  height:2px;
  margin:20px auto;
  background:linear-gradient(90deg, transparent, #c9a44c, transparent);
}

.elden-cta{
  margin-top:30px;
  display:flex;
  gap:15px;
  justify-content:center;
}

/* Botones estilo Elden */
.btn-elden{
  display:inline-block;
  padding:12px 35px;
  font-family:'Cinzel',serif;
  text-transform:uppercase;
  letter-spacing:2px;
  font-size:.85rem;
  position:relative;
  transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);
  border:1px solid rgba(201,164,76,.3);
  overflow:hidden;
  margin:10px;
  text-decoration:none !important;
}

.btn-elden-gold{
  background:rgba(201,164,76,.15);
  color:var(--c-accent-gold);
  border:1px solid var(--c-accent-gold);
}
.btn-elden-gold:hover{
  background:var(--c-accent-gold);
  color:#e8d012;
  box-shadow:0 0 20px rgba(201,164,76,.6);
  transform:translateY(-2px);
}

.btn-elden-outline{
  background:transparent;
  color:#f1e4c3;
  border:1px solid rgba(241, 228, 195, 0.4);
}

.btn-elden-outline,
.btn-elden-dark{
  background:rgba(0,0,0,.6) !important;
  backdrop-filter:blur(4px);
  border:1px solid rgba(201,164,76,.4) !important;
}

.btn-elden-outline:hover{
  border-color:var(--c-accent-gold) !important;
  box-shadow:0 0 15px rgba(201,164,76,.3);
}

/* Hero inner border */
.elden-hero-inner-border{
  padding:60px 40px;
  border:1px solid rgba(201,164,76,.2);
  background:rgba(0,0,0,.4);
  backdrop-filter:blur(5px);
  text-align:center;
  position:relative;
}

.elden-hero-inner-border::before{
  content:'';
  position:absolute;
  top:10px;
  left:10px;
  width:30px;
  height:30px;
  border-top:2px solid #c9a44c;
  border-left:2px solid #c9a44c;
}

.elden-hero::after{
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:150px;
  background:linear-gradient(to bottom, transparent, #0a0a0c);
  z-index:1;
}

/* 7) TABLAS & RANKING
   -------------------------------------------------------------------------- */
.table thead th{
  color:var(--c-accent-gold) !important;
  font-family:'Cinzel',serif;
  border-bottom:1px solid var(--c-border-subtle) !important;
}
.table td{
  border-top:1px solid rgba(255,255,255,.03) !important;
}

/* 8) VIDEO CAROUSEL SYSTEM (Swiper)
   -------------------------------------------------------------------------- */
.video-grid-wrapper{ margin-top:50px; width:100%; }

.video-carousel .swiper-wrapper{
  display:flex !important;
  align-items:stretch;
}

.video-carousel .swiper-slide{
  width:auto !important;
  display:flex;
  justify-content:center;
  padding:10px;
}

/* Tarjeta */
.video-card{
  display:block;
  width:320px;
  max-width:100%;
  min-width:280px;
  margin:0 auto;
  border-radius:14px !important;
  border:1px solid rgba(201,164,76,.55) !important;
  background:var(--c-bg-panel);
  box-shadow:0 10px 30px rgba(0,0,0,.55);
  overflow:hidden;
  position:relative;
  text-decoration:none !important;
  transition:all .3s var(--ease-smooth);
  z-index:1;
}

.video-card::before{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.08);
  pointer-events:none;
  z-index:2;
}

.video-carousel.swiper{
  padding:20px 80px !important;
  width:100% !important;
}

.video-card .thumb{
  position:relative;
  aspect-ratio:16 / 9;
  background:#000;
  overflow:hidden;
}

.video-card .thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.7;
  transition:transform .5s ease, opacity .5s ease;
}

.video-card .thumb::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom, transparent 50%, rgba(7,7,9,.9));
  z-index:1;
}

.video-card .play-icon{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:50px;
  height:50px;
  background:rgba(0,0,0,.6);
  border:2px solid var(--c-accent-gold);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--c-accent-gold);
  z-index:2;
  transition:all .3s ease;
}

.video-card .info{
  padding:15px;
  text-align:center;
  background:rgba(0,0,0,.3);
}
.video-card .info h4{
  font-family:'Cinzel',serif;
  font-size:.9rem;
  color:var(--c-text-main);
  text-transform:uppercase;
  margin:0;
  letter-spacing:1px;
}

.video-card:hover{
  transform:translateY(-5px);
  border-color:var(--c-accent-gold);
  box-shadow:var(--shadow-glow);
}
.video-card:hover .thumb img{ opacity:1; transform:scale(1.08); }
.video-card:hover .play-icon{
  background:var(--c-accent-gold);
  color:#111;
  box-shadow:0 0 15px var(--c-accent-gold);
}

/* Navigation arrows */
.video-carousel .swiper-button-next,
.video-carousel .swiper-button-prev{
  position:absolute;
  top:50% !important;
  transform:translateY(-50%) !important;
  color:var(--c-accent-gold) !important;
  background:rgba(7,7,9,.9) !important;
  width:45px !important;
  height:45px !important;
  border-radius:50% !important;
  border:1px solid var(--c-accent-gold-dark) !important;
  z-index:10;
  margin:0 !important;
  transition:.3s ease;
}
.video-carousel .swiper-button-prev{ left:5px !important; }
.video-carousel .swiper-button-next{ right:5px !important; }

.video-carousel .swiper-button-next:hover,
.video-carousel .swiper-button-prev:hover{
  background:var(--c-accent-gold) !important;
  color:#000 !important;
  box-shadow:0 0 10px var(--c-accent-gold);
}

.video-carousel .swiper-button-next::after,
.video-carousel .swiper-button-prev::after{
  font-size:18px !important;
  font-weight:bold;
}

/* 9) NAVIGATION & HEADER (Z-INDEX FIX)
   -------------------------------------------------------------------------- */
header, .navbar{
  position:relative;
  z-index:9999 !important;
  background:rgba(8, 8, 10, 0.95) !important;
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--c-border-subtle);
}

/* Navbar structure */
.navbar{
  min-height:var(--navbar-minh);
  display:flex;
  align-items:center;
}

.navbar .container,
.navbar .container-fluid{
  display:flex;
  align-items:center;
}

/* Brand */
.navbar-brand{
  display:flex !important;
  align-items:center !important;
  gap:14px;
  padding:0 !important;
  margin:0 24px 0 0 !important;
  line-height:1 !important;
}

/* Logo image */
.elden-logo{
  height:var(--logo-h) !important;
  width:auto !important;
  max-height:var(--logo-maxh) !important;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 0 10px rgba(201,164,76,.35));
}

/* Brand text */
.elden-brand-text{
  font-family:'Cinzel',serif;
  font-size:var(--brand-fs);
  font-weight:700;
  letter-spacing:var(--brand-ls);
  color:var(--c-accent-gold);
  text-transform:uppercase;
  line-height:1 !important;
  margin:0 !important;
  padding-top:2px;
  white-space:nowrap;
  text-shadow:
    0 0 6px rgba(201,164,76,.35),
    0 0 14px rgba(201,164,76,.15);
}

/* Mobile navbar sizing */
@media (max-width:768px){
  .navbar{ min-height:var(--navbar-minh-m); }
  .elden-logo{ height:var(--logo-h-m) !important; }
  .elden-brand-text{ font-size:var(--brand-fs-m); }
  .navbar-brand{ gap:10px; margin-right:1.2rem !important; }
}

/* Dropdown menu */
.dropdown-menu{
  background:#0a0a0c !important;
  border:1px solid var(--c-accent-gold-dark) !important;
  box-shadow:0 15px 40px rgba(0,0,0,.9), inset 0 0 20px rgba(201,164,76,.05);
  border-radius:4px;
  padding:20px 0 !important;
  margin-top:15px !important;
  min-width:220px;
}

/* Title inside dropdown (consolidado, sin duplicados) */
.dropdown-menu h3,
.dropdown-header{
  font-family:'Cinzel',serif;
  font-size:.95rem !important;
  color:var(--c-accent-gold);
  text-transform:uppercase;
  padding:0 25px 12px !important;
  margin:5px 0 15px !important;
  border-bottom:1px solid rgba(201,164,76,.2);
  letter-spacing:2px;
  opacity:.9;
  text-align:center;
}

.dropdown-item{
  color:#a0a0a0 !important;
  font-family:'Inter',sans-serif;
  font-weight:500;
  display:flex;
  align-items:center;
  gap:12px;
}

/* Ocultamos íconos/imagen originales */
.dropdown-item img,
.dropdown-item i{
  display:none !important;
}

/* Runa dorada */
.dropdown-item::before{
  content:"ᚱ";
  font-family:'Cinzel',serif;
  color:var(--c-accent-gold);
  font-size:1.1rem;
  font-weight:bold;
  display:inline-block;
  margin-right:12px;
  text-shadow:0 0 8px rgba(201,164,76,.6);
  transition:all .3s ease;
}

.dropdown-item:hover{
  background:linear-gradient(90deg, rgba(201,164,76,.15), transparent) !important;
  color:var(--c-accent-gold) !important;
  padding-left:28px;
}
.dropdown-item:hover::before{
  transform:scale(1.2) rotate(10deg);
  text-shadow:0 0 12px var(--c-accent-glow);
  color:#fff;
}

/* Evita que cajas corten los menús */
.container.home,
.container.home .row,
.container.home .col-12{
  overflow:visible !important;
}

/* Pero mantenemos el recorte dentro del slider */
.container.home .slider-container{
  overflow:hidden !important;
}

/* Header custom dentro del dropdown (si lo usas) */
.dropdown-header-container{
  padding:15px 25px 18px !important;
  border-bottom:1px solid rgba(201,164,76,.15);
  margin-bottom:12px;
  background:linear-gradient(to bottom, rgba(201,164,76,.03), transparent);
}

.dropdown-title{
  font-family:'Cinzel',serif;
  color:var(--c-accent-gold) !important;
  font-size:1.1rem !important;
  margin:0 0 4px 0 !important;
  text-transform:uppercase;
  letter-spacing:2px;
  text-shadow:0 0 10px rgba(201,164,76,.3);
}

.dropdown-subtitle{
  display:block !important;
  font-family:'Inter',sans-serif;
  font-size:.8rem !important;
  color:#b8b8b8 !important;
  line-height:1.4 !important;
  margin:0 !important;
  font-style:italic;
  opacity:1 !important;
  letter-spacing:.3px;
}

/* 10) DESCARGA
   -------------------------------------------------------------------------- */
.elden-card-download{
  background:rgba(10,10,12,.9);
  border:1px solid rgba(201,164,76,.2);
  padding:40px;
  position:relative;
  box-shadow:0 15px 35px rgba(0,0,0,.7);
}

.download-intro{
  text-align:center;
  color:#b8b8b8;
  font-style:italic;
  margin-bottom:30px;
}

.download-item-box{
  display:flex;
  align-items:center;
  background:rgba(201,164,76,.05);
  border:1px dashed rgba(201,164,76,.3);
  padding:20px;
  margin-bottom:40px;
}

.item-icon-container{ padding:0 25px; }

.floating-icon{
  width:80px;
  filter:drop-shadow(0 0 10px rgba(201,164,76,.4));
  animation:floating 3s ease-in-out infinite;
}

.item-name{
  font-family:'Cinzel',serif;
  color:#f1e4c3;
  font-size:1.2rem;
  margin-bottom:15px;
}

.btn-elden-link{
  display:inline-block;
  color:var(--c-accent-gold);
  text-decoration:none !important;
  border:1px solid var(--c-accent-gold);
  padding:5px 15px;
  margin-right:10px;
  font-size:.8rem;
  text-transform:uppercase;
  transition:all .3s;
}
.btn-elden-link:hover{
  background:var(--c-accent-gold);
  color:#000;
  box-shadow:0 0 15px rgba(201,164,76,.5);
}

.ins-title{
  font-family:'Cinzel',serif;
  color:var(--c-accent-gold);
  font-size:1.1rem;
  border-bottom:1px solid rgba(201,164,76,.2);
  padding-bottom:10px;
  margin-bottom:20px;
}

.elden-list{
  list-style:none;
  padding-left:0;
}

.elden-list li{
  position:relative;
  padding-left:25px;
  margin-bottom:12px;
  color:#d1d1d1;
}

.elden-list li::before{
  content:'✦';
  position:absolute;
  left:0;
  color:var(--c-accent-gold);
}

.highlight{
  color:#f1e4c3;
  font-weight:bold;
  text-shadow:0 0 5px rgba(241,228,195,.3);
}

.warning-banner{
  background:rgba(214,93,98,.1);
  border-left:3px solid #d65d62;
  padding:15px;
  color:#f8d7da;
  font-size:.9rem;
}

@keyframes floating{
  0%, 100%{ transform:translateY(0); }
  50%{ transform:translateY(-10px); }
}

/* 11) FOOTER PROFESSIONAL (ELDEN STYLE)
   -------------------------------------------------------------------------- */
.elden-footer{
  background:linear-gradient(to bottom, #070709, #000) !important;
  border-top:1px solid var(--c-border-subtle);
  padding:60px 0 30px;
  position:relative;
  color:var(--c-text-muted);
}

.elden-footer::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url("../images/texture-grain.png");
  opacity:.03;
  pointer-events:none;
}

.footer-logo{
  height:50px;
  margin-bottom:20px;
  filter:drop-shadow(0 0 10px rgba(201,164,76,.2));
}

.footer-description{
  font-size:.9rem;
  line-height:1.6;
  max-width:300px;
}

.elden-footer h4{
  color:var(--c-accent-gold);
  font-size:1.1rem;
  margin-bottom:25px;
  text-transform:uppercase;
}

.links-grid{
  display:flex;
  gap:40px;
}

.links-grid ul{
  list-style:none;
  padding:0;
}

.links-grid ul li{ margin-bottom:12px; }

.links-grid ul li a{
  color:var(--c-text-muted);
  font-size:.9rem;
  transition:all .3s ease;
}
.links-grid ul li a:hover{
  color:var(--c-accent-gold);
  padding-left:8px;
}

.email-highlight{
  display:inline-block;
  padding:8px 15px;
  background:rgba(201,164,76,.05);
  border:1px solid var(--c-border-subtle);
  border-radius:4px;
  color:var(--c-accent-gold);
  font-family:'Inter',sans-serif;
  font-weight:500;
}

.footer-bottom{
  margin-top:50px;
  padding-top:25px;
  border-top:1px solid rgba(255,255,255,0.03);
  text-align:center;
  font-size:.8rem;
  letter-spacing:1px;
}

.gold-text{ color:var(--c-accent-gold); font-weight:600; }