/* ==========================================================
   EDU SPORTIVO MODERN THEME 2026
   Add this section to the END of your stylesheet.css
   ========================================================== */

/* ---------- COLOR VARIABLES ---------- */
:root{
  --es-primary:#F97316;
  --es-secondary:#EA580C;
  --es-accent:#FBBF24;
  --es-light:#FFF7ED;
  --es-dark:#1F2937;
}

/* ---------- Navigation ---------- */
#navigationPrimary>li>a{
    color:var(--es-dark)!important;
    transition:all .35s cubic-bezier(.22,1,.36,1);
    border-bottom:2px solid transparent;
}

#navigationPrimary>li>a:hover,
#navigationPrimary>li>a:focus{
    color:var(--es-primary)!important;
    border-bottom:2px solid var(--es-primary);
    transform:translateY(-2px);
}

/* ---------- Header ---------- */
#headerNavigationContainer{
    background:#fff;
    box-shadow:0 5px 18px rgba(0,0,0,.06);
}

/* ---------- Homepage Cover ---------- */
.pkp_page_index .homepage_image img{
    border-radius:18px;
    transition:all .45s ease;
    box-shadow:0 18px 35px rgba(0,0,0,.12);
}

.pkp_page_index .homepage_image img:hover{
    transform:scale(1.02);
    box-shadow:0 25px 45px rgba(249,115,22,.28);
}

/* ---------- Generic Orange Button ---------- */
.es-btn{
display:inline-block;
padding:13px 26px;
background:linear-gradient(135deg,#F97316,#EA580C);
color:#fff!important;
text-decoration:none;
font-weight:700;
border-radius:40px;
transition:all .35s cubic-bezier(.22,1,.36,1);
box-shadow:0 12px 30px rgba(249,115,22,.20);
}

.es-btn:hover{
transform:translateY(-5px);
box-shadow:0 18px 40px rgba(249,115,22,.35);
background:linear-gradient(135deg,#EA580C,#C2410C);
}

/* ---------- Sidebar Buttons ---------- */
.btn-nusantara-common{
width:223px!important;
padding:15px 16px!important;
border-radius:14px!important;
font-weight:700!important;
transition:all .35s cubic-bezier(.22,1,.36,1)!important;
box-shadow:0 12px 28px rgba(249,115,22,.18)!important;
}

.btn-wa-nusantara,
.btn-submit-nusantara{
background:#F97316!important;
}

.btn-wa-nusantara::before,
.btn-submit-nusantara::before{
background:#EA580C!important;
}

.btn-nusantara-common:hover{
transform:translateY(-6px)!important;
box-shadow:0 20px 40px rgba(249,115,22,.35)!important;
}

/* ---------- Cards ---------- */
.es-card{
background:#fffdfb;
border:1px solid #fed7aa;
border-radius:20px;
padding:24px;
transition:.35s;
box-shadow:0 12px 30px rgba(0,0,0,.06);
}

.es-card:hover{
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(249,115,22,.18);
}

/* ---------- Footer ---------- */
.pkp_structure_footer,
.pkp_structure_footer_wrapper{
background:linear-gradient(135deg,#F97316,#EA580C)!important;
}

.pkp_footer_content a:hover{
color:#FBBF24!important;
}

/* ---------- Fade Animation ---------- */
@keyframes fadeUp{
from{opacity:0;transform:translateY(25px);}
to{opacity:1;transform:translateY(0);}
}

.homepage_image,
.obj_issue_summary,
.current_issue,
.es-card{
animation:fadeUp .8s ease both;
}