/* ==========================================================
SPORT PEDAGOGY PREMIUM CSS
Palette:
Primary   : #A4013C
Secondary : #EFC8D5
Background: #FCEEF3
========================================================== */

:root{
  --primary:#A4013C;
  --primary-dark:#7D002E;
  --secondary:#EFC8D5;
  --light:#FCEEF3;
}

html{scroll-behavior:smooth;}
body{animation:fadePage .8s ease;}

@keyframes fadePage{
from{opacity:0;}
to{opacity:1;}
}

/* HERO */
.hero-banner{position:relative;overflow:hidden;}
.hero-banner img{transition:8s;}
.hero-banner:hover img{transform:scale(1.08);}

/* CARD */
.sp-card{
transition:.35s;
border-radius:16px;
}
.sp-card:hover{
transform:translateY(-6px);
box-shadow:0 18px 35px rgba(164,1,60,.18);
}

/* COVER */
.sp-cover img{
transition:.4s;
border-radius:12px;
}
.sp-cover img:hover{
transform:translateY(-8px);
box-shadow:0 18px 35px rgba(164,1,60,.28);
}

/* BUTTON */
.sp-btn{
position:relative;
overflow:hidden;
display:inline-block;
animation:buttonPulse 3s infinite;
transition:.35s;
}
.sp-btn:hover{
transform:translateY(-5px);
box-shadow:0 14px 30px rgba(164,1,60,.30);
}
.sp-btn::before{
content:"";
position:absolute;
top:0;
left:-120%;
width:45%;
height:100%;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
transform:skewX(-25deg);
animation:shine 3s linear infinite;
}

@keyframes buttonPulse{
0%,100%{transform:scale(1);}
50%{transform:scale(1.03);}
}

@keyframes shine{
0%{left:-120%;}
100%{left:160%;}
}

/* QUICK INFO */
.sp-info{
transition:.35s;
border-radius:12px;
}
.sp-info:hover{
background:#fff;
transform:translateY(-4px);
box-shadow:0 14px 24px rgba(164,1,60,.12);
}

/* MENU */
.sp-menu a{
transition:.35s;
display:inline-block;
}
.sp-menu a:hover{
transform:translateY(-5px);
}

/* HEADINGS */
h1,h2,h3,h4{
color:var(--primary);
}

/* LINKS */
a{
transition:.3s;
}
a:hover{
color:var(--primary-dark);
}

/* IMAGES */
img{
transition:.45s;
}
img:hover{
transform:scale(1.02);
}

/* RESPONSIVE */
@media(max-width:900px){
.hero-layout{display:block!important;}
.hero-layout>div{
width:100%!important;
margin-bottom:25px;
}
.sp-cover{text-align:center!important;}
}

@media(max-width:600px){
h1{font-size:38px!important;}
h2{font-size:26px!important;}
.sp-btn{
display:block;
text-align:center;
margin-bottom:12px;
}
}






/* ==========================================================
   PREMIUM SIDEBAR MENU v5 (Compact)
========================================================== */

.sidebar-title{
    background:linear-gradient(135deg,#A4013C,#7D002E);
    color:#fff;
    font-size:18px;
    font-weight:700;
    text-align:center;
    padding:13px 16px;
    margin:0 0 14px;
    border-radius:16px;
    box-shadow:0 8px 18px rgba(164,1,60,.22);
    letter-spacing:.2px;
}

.content .gap-2{
    display:block!important;
    width:100%;
    margin:0;
    padding:0;
}

.content .gap-2 .m-menu{
    position:relative;
    display:flex!important;
    align-items:center;
    overflow:hidden;
    min-height:46px;
    padding:10px 16px!important;
    margin:0 0 9px;
    background:#fff;
    border:1px solid var(--secondary)!important;
    border-radius:10px;
    box-shadow:0 3px 10px rgba(164,1,60,.08);
    color:var(--primary)!important;
    text-decoration:none!important;
    font-size:15px;
    font-weight:600;
    line-height:1.3;
    transition:transform .25s ease,box-shadow .25s ease,color .25s ease;
    z-index:1;
}

.content .gap-2 .m-menu::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:100%;
    background:linear-gradient(90deg,#A4013C,#7D002E);
    transition:width .35s cubic-bezier(.4,0,.2,1);
    z-index:-1;
}

.content .gap-2 .m-menu:hover::before{
    width:100%;
}

.content .gap-2 .m-menu em{
    width:22px;
    min-width:22px;
    margin-right:12px;
    text-align:center;
    font-size:16px;
    color:#A4013C;
    transition:.25s;
}

.content .gap-2 .m-menu span{
    flex:1;
}

.content .gap-2 .m-menu::after{
    content:"›";
    margin-left:auto;
    font-size:20px;
    font-weight:700;
    color:#A4013C;
    transition:.25s;
}

.content .gap-2 .m-menu:hover{
    color:#fff!important;
    transform:translateY(-2px);
    box-shadow:0 8px 18px rgba(164,1,60,.20);
}

.content .gap-2 .m-menu:hover em,
.content .gap-2 .m-menu:hover::after{
    color:#fff;
}

.content .gap-2 .m-menu:hover::after{
    transform:translateX(4px);
}


/* ==========================================================
   PEKA SIDEBAR — ORANGE PALETTE MATCHING HERO
   Hero palette:
   #D96512 / #F47C20 / #F59A3A / #FFD166
========================================================== */

/* Sidebar heading */
.sidebar-title{
    background:linear-gradient(
        135deg,
        #D96512 0%,
        #F47C20 58%,
        #F59A3A 100%
    )!important;
    color:#FFFFFF!important;
    box-shadow:
        0 8px 18px rgba(217,101,18,.22),
        0 4px 12px rgba(245,154,58,.14)!important;
}

/* Sidebar menu cards */
.content .gap-2 .m-menu{
    background:#FFFFFF!important;
    border:1px solid #F2C6A8!important;
    color:#D96512!important;
    box-shadow:
        0 3px 10px rgba(217,101,18,.08)!important;
}

/* Orange hover fill */
.content .gap-2 .m-menu::before{
    background:linear-gradient(
        90deg,
        #D96512 0%,
        #F47C20 58%,
        #F59A3A 100%
    )!important;
}

/* Sidebar icons */
.content .gap-2 .m-menu em{
    color:#D96512!important;
}

/* Sidebar arrows */
.content .gap-2 .m-menu::after{
    color:#D96512!important;
}

/* Hover state */
.content .gap-2 .m-menu:hover{
    color:#FFFFFF!important;
    border-color:#D96512!important;
    box-shadow:
        0 8px 18px rgba(217,101,18,.20)!important;
}

.content .gap-2 .m-menu:hover em,
.content .gap-2 .m-menu:hover::after{
    color:#FFFFFF!important;
}

/* Sidebar links/text remain orange before hover */
.content .gap-2 .m-menu span{
    color:#D96512!important;
}

.content .gap-2 .m-menu:hover span{
    color:#FFFFFF!important;
}

/* Optional accent for sidebar links */
.content .gap-2 .m-menu:focus-visible{
    outline:2px solid #FFD166!important;
    outline-offset:2px;
}

/* Mobile */
@media(max-width:600px){
    .sidebar-title{
        font-size:17px!important;
        padding:12px 14px!important;
    }

    .content .gap-2 .m-menu{
        min-height:46px!important;
        padding:10px 14px!important;
    }
}


/* ==========================================================
   PEKA HEADER — JSA STYLE / ORANGE EDITION
   Structure:
   1. White logo area
   2. Register/Login at top-right
   3. Centered navigation bar
   4. Orange navigation typography
   5. White About dropdown + orange text
========================================================== */

/* ---------- HEADER / LOGO AREA ---------- */

.pkp_structure_head{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    background:#FFFFFF!important;
    border:0!important;
    box-shadow:none!important;
}

.pkp_head_wrapper{
    width:100%!important;
    max-width:1160px!important;
    min-height:205px!important;
    margin:0 auto!important;
    padding:0 20px!important;
    box-sizing:border-box!important;
    position:relative!important;
}

.pkp_site_name_wrapper{
    position:relative!important;
    width:100%!important;
    min-height:205px!important;
    margin:0!important;
    padding:0!important;
    background:#FFFFFF!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
}

.pkp_site_name{
    position:relative!important;
    z-index:5!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:205px!important;
    margin:0!important;
    padding:28px 0 22px!important;
    box-sizing:border-box!important;
}

.pkp_site_name img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:min(720px,90vw)!important;
    max-height:125px!important;
    margin:0 auto!important;
    transform:none!important;
    filter:none!important;
}


/* ---------- REGISTER / LOGIN ---------- */

.pkp_navigation_user_wrapper{
    position:absolute!important;
    top:0!important;
    right:0!important;
    z-index:99999!important;
}

.pkp_navigation_user{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:20px!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
}

.pkp_navigation_user > li > a{
    color:#D96512!important;
    -webkit-text-fill-color:#D96512!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:14px!important;
    font-weight:700!important;
    text-decoration:none!important;
    white-space:nowrap!important;
}

.pkp_navigation_user > li > a:hover{
    color:#B84F08!important;
    -webkit-text-fill-color:#B84F08!important;
}


/* ---------- NAVIGATION BAR ---------- */

.pkp_site_nav_menu{
    position:relative!important;
    z-index:200!important;
    width:100%!important;
    max-width:1160px!important;
    min-height:58px!important;
    margin:0 auto!important;
    padding:0!important;
    background:#FFFFFF!important;
    border-bottom:1px solid #D9D9D9!important;
    box-shadow:0 5px 14px rgba(0,0,0,.08)!important;
    overflow:visible!important;
}

.pkp_navigation_primary_wrapper{
    width:100%!important;
    max-width:none!important;
    min-height:58px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    background:#FFFFFF!important;
}

.pkp_navigation_primary_row{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    min-height:58px!important;
    margin:0!important;
    padding:0 22px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-wrap:nowrap!important;
    gap:12px!important;
}


/* ---------- PRIMARY MENU ---------- */

.pkp_navigation_primary{
    display:flex!important;
    align-items:center!important;
    gap:2px!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
}

.pkp_navigation_primary > li{
    margin:0!important;
    padding:0!important;
}

.pkp_navigation_primary > li > a{
    display:flex!important;
    align-items:center!important;
    width:auto!important;
    min-width:0!important;
    height:58px!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
    color:#D96512!important;
    -webkit-text-fill-color:#D96512!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    visibility:visible!important;
    opacity:1!important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus{
    color:#B84F08!important;
    -webkit-text-fill-color:#B84F08!important;
    background:#FFF8F1!important;
}


/* ---------- ABOUT DROPDOWN ---------- */

.pkp_navigation_primary .dropdown-menu{
    min-width:220px!important;
    margin:0!important;
    padding:7px 0!important;
    background:#FFFFFF!important;
    border:1px solid #F2C6A8!important;
    border-radius:0 0 10px 10px!important;
    box-shadow:0 10px 24px rgba(217,101,18,.14)!important;
    z-index:99999!important;
}

.pkp_navigation_primary .dropdown-menu > li{
    margin:0!important;
    padding:0!important;
}

.pkp_navigation_primary .dropdown-menu > li > a,
.pkp_navigation_primary .dropdown-menu > li > a *,
.pkp_navigation_primary .dropdown-menu a{
    display:block!important;
    width:100%!important;
    box-sizing:border-box!important;
    padding:10px 16px!important;
    background:#FFFFFF!important;
    color:#D96512!important;
    -webkit-text-fill-color:#D96512!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:13px!important;
    font-weight:600!important;
    text-decoration:none!important;
    white-space:nowrap!important;
}

.pkp_navigation_primary .dropdown-menu > li > a:hover,
.pkp_navigation_primary .dropdown-menu > li > a:focus{
    background:#FFF3E8!important;
    color:#B84F08!important;
    -webkit-text-fill-color:#B84F08!important;
}


/* ---------- SEARCH ---------- */

.pkp_search{
    margin-left:auto!important;
    padding-left:8px!important;
    padding-right:4px!important;
}

.pkp_search .search_prompt,
.pkp_search a,
.pkp_search button{
    color:#D96512!important;
    -webkit-text-fill-color:#D96512!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:14px!important;
    font-weight:700!important;
    text-decoration:none!important;
}

.pkp_search a:hover,
.pkp_search button:hover,
.pkp_search .search_prompt:hover{
    color:#B84F08!important;
    -webkit-text-fill-color:#B84F08!important;
}


/* ---------- REMOVE OLD GREEN HEADER COLORS ---------- */

.pkp_navigation_primary *,
.pkp_navigation_user *,
.pkp_search *{
    text-decoration-color:#D96512!important;
}

.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a,
.pkp_search a,
.pkp_search button,
.pkp_search .search_prompt{
    text-shadow:none!important;
}


/* ---------- RESPONSIVE ---------- */

@media (max-width:900px){

    .pkp_head_wrapper{
        min-height:170px!important;
        padding:0 15px!important;
    }

    .pkp_site_name_wrapper,
    .pkp_site_name{
        min-height:170px!important;
    }

    .pkp_site_name{
        padding:25px 0 20px!important;
    }

    .pkp_site_name img{
        max-width:85vw!important;
        max-height:105px!important;
    }

    .pkp_navigation_primary_row{
        padding:0 12px!important;
        gap:6px!important;
        overflow-x:auto!important;
    }

    .pkp_navigation_primary > li > a{
        padding:0 7px!important;
        font-size:13px!important;
    }
}

@media (max-width:600px){

    .pkp_head_wrapper{
        min-height:145px!important;
    }

    .pkp_site_name_wrapper,
    .pkp_site_name{
        min-height:145px!important;
    }

    .pkp_site_name{
        padding:20px 0 15px!important;
    }

    .pkp_site_name img{
        max-width:88vw!important;
        max-height:85px!important;
    }

    .pkp_navigation_user_wrapper{
        top:0!important;
        right:8px!important;
    }

    .pkp_navigation_user{
        gap:10px!important;
    }

    .pkp_navigation_user > li > a{
        font-size:12px!important;
    }

    .pkp_navigation_primary_row{
        min-height:52px!important;
    }

    .pkp_navigation_primary > li > a{
        height:52px!important;
        padding:0 6px!important;
        font-size:12px!important;
    }
}


/* ==========================================================
   PEKA HEADER V3 — TRUE JSA LAYOUT
   1. REGISTER + LOGIN ABOVE LOGO
   2. SEARCH ON THE SAME NAVIGATION ROW
   3. NO LOGIN/REGISTER BOXES
   4. ORANGE PEKA COLOR
========================================================== */


/* ----------------------------------------------------------
   HEADER CONTAINER
---------------------------------------------------------- */

.pkp_head_wrapper{
    position:relative!important;
    max-width:1160px!important;
    margin:0 auto!important;
    background:#FFFFFF!important;
}

.pkp_site_name_wrapper{
    position:relative!important;
    z-index:1!important;
    background:#FFFFFF!important;
}

.pkp_site_name{
    position:relative!important;
    z-index:1!important;
}


/* ----------------------------------------------------------
   REGISTER + LOGIN
   Move them from navigation row to TOP OF HEADER,
   matching the JSA screenshot.
---------------------------------------------------------- */

.pkp_navigation_user_wrapper{
    position:absolute!important;
    top:0!important;
    right:0!important;
    z-index:999999!important;

    /* move from navigation row to the top header */
    transform:translateY(-330px)!important;

    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}

.pkp_navigation_user{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:24px!important;

    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    list-style:none!important;
}

.pkp_navigation_user > li{
    display:block!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
}

.pkp_navigation_user > li > a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    height:auto!important;
    min-height:0!important;
    width:auto!important;

    margin:0!important;
    padding:0!important;

    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;

    color:#D96512!important;
    -webkit-text-fill-color:#D96512!important;

    font-family:Arial,Helvetica,sans-serif!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.2!important;
    text-decoration:none!important;
    white-space:nowrap!important;
}

.pkp_navigation_user > li > a:hover{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    color:#B84F08!important;
    -webkit-text-fill-color:#B84F08!important;
}


/* ----------------------------------------------------------
   REMOVE ANY OLD REGISTER/LOGIN BUTTON APPEARANCE
---------------------------------------------------------- */

.pkp_navigation_user .profile,
.pkp_navigation_user .profile > a,
.pkp_navigation_user li,
.pkp_navigation_user li > a{
    background-color:transparent!important;
    background-image:none!important;
}


/* ----------------------------------------------------------
   NAVIGATION ROW
---------------------------------------------------------- */

.pkp_site_nav_menu{
    position:relative!important;
    z-index:200!important;
    width:100%!important;
    max-width:1160px!important;
    height:58px!important;
    min-height:58px!important;
    margin:0 auto!important;
    padding:0!important;
    background:#FFFFFF!important;
    border-bottom:1px solid #D9D9D9!important;
    box-shadow:0 5px 14px rgba(0,0,0,.08)!important;
    overflow:visible!important;
}

.pkp_navigation_primary_wrapper{
    position:relative!important;
    width:100%!important;
    height:58px!important;
    min-height:58px!important;
    margin:0!important;
    padding:0!important;
    background:#FFFFFF!important;
    box-sizing:border-box!important;
}

.pkp_navigation_primary_row{
    position:relative!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;

    width:100%!important;
    height:58px!important;
    min-height:58px!important;

    margin:0!important;
    padding:0 22px!important;
    gap:0!important;

    box-sizing:border-box!important;
    background:#FFFFFF!important;
    overflow:visible!important;
}


/* ----------------------------------------------------------
   PRIMARY MENU
---------------------------------------------------------- */

.pkp_navigation_primary{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;

    width:auto!important;
    height:58px!important;
    min-height:58px!important;

    margin:0!important;
    padding:0!important;
    gap:0!important;

    list-style:none!important;
}

.pkp_navigation_primary > li{
    display:flex!important;
    align-items:center!important;
    flex:0 0 auto!important;

    height:58px!important;
    margin:0!important;
    padding:0!important;
}

.pkp_navigation_primary > li > a{
    display:flex!important;
    align-items:center!important;

    height:58px!important;
    min-height:58px!important;

    margin:0!important;
    padding:0 12px!important;

    box-sizing:border-box!important;

    color:#D96512!important;
    -webkit-text-fill-color:#D96512!important;

    font-family:Arial,Helvetica,sans-serif!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1!important;

    white-space:nowrap!important;
    text-decoration:none!important;
}

.pkp_navigation_primary > li > a:hover{
    color:#B84F08!important;
    -webkit-text-fill-color:#B84F08!important;
    background:#FFF8F1!important;
}


/* ----------------------------------------------------------
   SEARCH
   ABSOLUTE RIGHT SIDE OF THE SAME NAVIGATION ROW.
   This prevents it from ever dropping underneath.
---------------------------------------------------------- */

.pkp_navigation_primary_row .pkp_search,
.pkp_navigation_primary_wrapper .pkp_search{
    position:absolute!important;
    top:0!important;
    right:14px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:auto!important;
    min-width:0!important;
    max-width:none!important;

    height:58px!important;
    min-height:58px!important;

    margin:0!important;
    padding:0!important;

    float:none!important;
    clear:none!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;

    z-index:9999!important;
}

.pkp_navigation_primary_row .pkp_search a,
.pkp_navigation_primary_row .pkp_search button,
.pkp_navigation_primary_row .pkp_search .search_prompt{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:auto!important;
    height:58px!important;
    min-height:58px!important;

    margin:0!important;
    padding:0 8px!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;

    color:#D96512!important;
    -webkit-text-fill-color:#D96512!important;

    font-family:Arial,Helvetica,sans-serif!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-decoration:none!important;
}

.pkp_navigation_primary_row .pkp_search a:hover,
.pkp_navigation_primary_row .pkp_search button:hover,
.pkp_navigation_primary_row .pkp_search .search_prompt:hover{
    background:#FFF8F1!important;
    color:#B84F08!important;
    -webkit-text-fill-color:#B84F08!important;
}


/* ----------------------------------------------------------
   SEARCH ICON
---------------------------------------------------------- */

.pkp_navigation_primary_row .pkp_search a::before,
.pkp_navigation_primary_row .pkp_search button::before,
.pkp_navigation_primary_row .pkp_search .search_prompt::before{
    content:"\f002"!important;
    display:inline-block!important;
    margin-right:6px!important;

    font-family:"FontAwesome"!important;
    font-weight:normal!important;

    color:#D96512!important;
    -webkit-text-fill-color:#D96512!important;
}

.pkp_navigation_primary_row .pkp_search a:hover::before,
.pkp_navigation_primary_row .pkp_search button:hover::before,
.pkp_navigation_primary_row .pkp_search .search_prompt:hover::before{
    color:#B84F08!important;
    -webkit-text-fill-color:#B84F08!important;
}


/* ----------------------------------------------------------
   MENU ICONS
---------------------------------------------------------- */

.pkp_navigation_primary > li > a::before{
    display:inline-block!important;

    width:18px!important;
    min-width:18px!important;

    margin-right:7px!important;

    font-family:"FontAwesome"!important;
    font-weight:normal!important;
    font-style:normal!important;

    text-align:center!important;

    color:#D96512!important;
    -webkit-text-fill-color:#D96512!important;
}

.pkp_navigation_primary > li:nth-child(1) > a::before{
    content:"\f015"!important;
}

.pkp_navigation_primary > li:nth-child(2) > a::before{
    content:"\f02d"!important;
}

.pkp_navigation_primary > li:nth-child(3) > a::before{
    content:"\f187"!important;
}

.pkp_navigation_primary > li:nth-child(4) > a::before{
    content:"\f0a1"!important;
}

.pkp_navigation_primary > li:nth-child(5) > a::before{
    content:"\f0c0"!important;
}


/* ----------------------------------------------------------
   ABOUT DROPDOWN
---------------------------------------------------------- */

.pkp_navigation_primary .dropdown-menu{
    background:#FFFFFF!important;
    border:1px solid #F2C6A8!important;
    box-shadow:0 10px 24px rgba(217,101,18,.14)!important;
}

.pkp_navigation_primary .dropdown-menu > li > a,
.pkp_navigation_primary .dropdown-menu > li > a *,
.pkp_navigation_primary .dropdown-menu a{
    background:#FFFFFF!important;
    color:#D96512!important;
    -webkit-text-fill-color:#D96512!important;
}

.pkp_navigation_primary .dropdown-menu > li > a:hover{
    background:#FFF3E8!important;
    color:#B84F08!important;
    -webkit-text-fill-color:#B84F08!important;
}


/* ----------------------------------------------------------
   WHITE OUTER SIDES
---------------------------------------------------------- */

html,
body,
.pkp_structure_page,
.pkp_structure_head{
    background:#FFFFFF!important;
    background-image:none!important;
}

.pkp_structure_page{
    max-width:none!important;
    box-shadow:none!important;
}


/* ----------------------------------------------------------
   RESPONSIVE
---------------------------------------------------------- */

@media (max-width:900px){

    .pkp_navigation_user_wrapper{
        transform:translateY(-285px)!important;
        right:10px!important;
    }

    .pkp_navigation_user{
        gap:14px!important;
    }

    .pkp_navigation_user > li > a{
        font-size:13px!important;
    }

    .pkp_navigation_primary > li > a{
        padding:0 8px!important;
        font-size:13px!important;
    }

    .pkp_navigation_primary_row .pkp_search{
        right:8px!important;
    }
}

@media (max-width:600px){

    .pkp_navigation_user_wrapper{
        transform:translateY(-235px)!important;
        right:8px!important;
    }

    .pkp_navigation_user{
        gap:10px!important;
    }

    .pkp_navigation_user > li > a{
        font-size:12px!important;
    }

    .pkp_navigation_primary > li > a{
        height:52px!important;
        min-height:52px!important;
        padding:0 7px!important;
        font-size:12px!important;
    }

    .pkp_navigation_primary_row .pkp_search{
        height:52px!important;
        min-height:52px!important;
    }

    .pkp_navigation_primary_row .pkp_search a,
    .pkp_navigation_primary_row .pkp_search button,
    .pkp_navigation_primary_row .pkp_search .search_prompt{
        height:52px!important;
        min-height:52px!important;
        font-size:12px!important;
    }
}


/* ==========================================================
   PEKA HEADER V4 — REGISTER / LOGIN DEFINITIVE POSITION
   Place Register + Login at the TOP-RIGHT of the WHITE LOGO
   AREA, exactly like the JSA reference.

   IMPORTANT:
   Do NOT use translateY() because the previous version
   moved the element outside its visible containing area.
========================================================== */

/* Header must provide the positioning context */
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name_wrapper{
    position:relative!important;
    overflow:visible!important;
}

/* Register / Login wrapper */
.pkp_structure_head .pkp_navigation_user_wrapper,
.pkp_head_wrapper .pkp_navigation_user_wrapper,
.pkp_site_name_wrapper .pkp_navigation_user_wrapper{
    position:absolute!important;

    /* JSA-like top-right placement */
    top:14px!important;
    right:20px!important;

    /* cancel the previous V3 displacement */
    transform:none!important;

    z-index:999999!important;

    display:block!important;
    width:auto!important;
    height:auto!important;

    margin:0!important;
    padding:0!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;

    visibility:visible!important;
    opacity:1!important;
}

/* User menu itself */
.pkp_structure_head .pkp_navigation_user,
.pkp_head_wrapper .pkp_navigation_user,
.pkp_site_name_wrapper .pkp_navigation_user{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;

    width:auto!important;
    height:auto!important;

    margin:0!important;
    padding:0!important;

    gap:24px!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;

    list-style:none!important;

    visibility:visible!important;
    opacity:1!important;
}

/* Individual Register / Login */
.pkp_structure_head .pkp_navigation_user > li,
.pkp_head_wrapper .pkp_navigation_user > li,
.pkp_site_name_wrapper .pkp_navigation_user > li{
    display:block!important;
    width:auto!important;
    height:auto!important;

    margin:0!important;
    padding:0!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}

.pkp_structure_head .pkp_navigation_user > li > a,
.pkp_head_wrapper .pkp_navigation_user > li > a,
.pkp_site_name_wrapper .pkp_navigation_user > li > a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:auto!important;
    height:auto!important;
    min-height:0!important;

    margin:0!important;
    padding:0!important;

    background:transparent!important;
    background-image:none!important;

    border:0!important;
    border-radius:0!important;

    box-shadow:none!important;

    color:#D96512!important;
    -webkit-text-fill-color:#D96512!important;

    font-family:Arial,Helvetica,sans-serif!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.2!important;

    text-decoration:none!important;
    white-space:nowrap!important;

    visibility:visible!important;
    opacity:1!important;
}

.pkp_structure_head .pkp_navigation_user > li > a:hover,
.pkp_head_wrapper .pkp_navigation_user > li > a:hover,
.pkp_site_name_wrapper .pkp_navigation_user > li > a:hover{
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;

    color:#B84F08!important;
    -webkit-text-fill-color:#B84F08!important;
}

/* Icons for Register and Login, like JSA */
.pkp_structure_head .pkp_navigation_user > li:first-child > a::before,
.pkp_head_wrapper .pkp_navigation_user > li:first-child > a::before,
.pkp_site_name_wrapper .pkp_navigation_user > li:first-child > a::before{
    content:"\f234"!important;
    display:inline-block!important;
    margin-right:5px!important;
    font-family:"FontAwesome"!important;
    font-weight:normal!important;
    color:#D96512!important;
    -webkit-text-fill-color:#D96512!important;
}

.pkp_structure_head .pkp_navigation_user > li:last-child > a::before,
.pkp_head_wrapper .pkp_navigation_user > li:last-child > a::before,
.pkp_site_name_wrapper .pkp_navigation_user > li:last-child > a::before{
    content:"\f090"!important;
    display:inline-block!important;
    margin-right:5px!important;
    font-family:"FontAwesome"!important;
    font-weight:normal!important;
    color:#D96512!important;
    -webkit-text-fill-color:#D96512!important;
}


/* ----------------------------------------------------------
   Keep navigation Search on the SAME row
---------------------------------------------------------- */

.pkp_navigation_primary_row .pkp_search{
    position:absolute!important;
    top:0!important;
    right:14px!important;
    transform:none!important;

    display:flex!important;
    align-items:center!important;
    height:58px!important;
    min-height:58px!important;

    margin:0!important;
    padding:0!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;

    z-index:9999!important;
}


/* ----------------------------------------------------------
   Desktop exact spacing
---------------------------------------------------------- */

@media (min-width:901px){

    .pkp_structure_head .pkp_navigation_user_wrapper,
    .pkp_head_wrapper .pkp_navigation_user_wrapper,
    .pkp_site_name_wrapper .pkp_navigation_user_wrapper{
        top:14px!important;
        right:20px!important;
        transform:none!important;
    }

}


/* ----------------------------------------------------------
   Tablet
---------------------------------------------------------- */

@media (max-width:900px){

    .pkp_structure_head .pkp_navigation_user_wrapper,
    .pkp_head_wrapper .pkp_navigation_user_wrapper,
    .pkp_site_name_wrapper .pkp_navigation_user_wrapper{
        top:10px!important;
        right:12px!important;
        transform:none!important;
    }

    .pkp_structure_head .pkp_navigation_user,
    .pkp_head_wrapper .pkp_navigation_user,
    .pkp_site_name_wrapper .pkp_navigation_user{
        gap:14px!important;
    }

}


/* ----------------------------------------------------------
   Mobile
---------------------------------------------------------- */

@media (max-width:600px){

    .pkp_structure_head .pkp_navigation_user_wrapper,
    .pkp_head_wrapper .pkp_navigation_user_wrapper,
    .pkp_site_name_wrapper .pkp_navigation_user_wrapper{
        top:8px!important;
        right:8px!important;
        transform:none!important;
    }

    .pkp_structure_head .pkp_navigation_user,
    .pkp_head_wrapper .pkp_navigation_user,
    .pkp_site_name_wrapper .pkp_navigation_user{
        gap:10px!important;
    }

    .pkp_structure_head .pkp_navigation_user > li > a,
    .pkp_head_wrapper .pkp_navigation_user > li > a,
    .pkp_site_name_wrapper .pkp_navigation_user > li > a{
        font-size:12px!important;
    }
}


/* ==========================================================
   PEKA HEADER V5 — JSA-STYLE REGISTER / LOGIN AT VERY TOP
   ----------------------------------------------------------
   Goal:
   - Register + Login are ONLY in the white logo/header area.
   - Search stays ONLY in the navigation row.
   - Register/Login never overlap Search.
   - No transform displacement.
   - No button/box styling.
========================================================== */

/* The actual header is the positioning context */
.pkp_structure_head{
    position:relative!important;
    width:100%!important;
    background:#FFFFFF!important;
    overflow:visible!important;
}

.pkp_structure_head .pkp_head_wrapper{
    position:relative!important;
    width:100%!important;
    max-width:1160px!important;
    min-height:205px!important;
    margin:0 auto!important;
    padding:0 20px!important;
    box-sizing:border-box!important;
    background:#FFFFFF!important;
    overflow:visible!important;
}

/* ----------------------------------------------------------
   REGISTER + LOGIN
   Put them at the TOP-RIGHT of the complete header wrapper.
   This is independent of the navigation row.
---------------------------------------------------------- */

.pkp_structure_head .pkp_head_wrapper > .pkp_navigation_user_wrapper,
.pkp_structure_head .pkp_head_wrapper .pkp_navigation_user_wrapper{
    position:absolute!important;

    top:12px!important;
    right:20px!important;

    transform:none!important;
    float:none!important;
    clear:none!important;

    display:block!important;

    width:auto!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;

    margin:0!important;
    padding:0!important;

    background:transparent!important;
    background-image:none!important;

    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;

    z-index:1000000!important;

    visibility:visible!important;
    opacity:1!important;
}

/* User list */
.pkp_structure_head .pkp_head_wrapper .pkp_navigation_user{
    position:relative!important;

    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;

    width:auto!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;

    margin:0!important;
    padding:0!important;

    gap:24px!important;

    list-style:none!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;

    visibility:visible!important;
    opacity:1!important;
}

/* User items */
.pkp_structure_head .pkp_head_wrapper .pkp_navigation_user > li{
    display:block!important;
    position:relative!important;

    width:auto!important;
    height:auto!important;
    min-height:0!important;

    margin:0!important;
    padding:0!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}

/* Register / Login links */
.pkp_structure_head .pkp_head_wrapper .pkp_navigation_user > li > a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:auto!important;
    height:auto!important;
    min-height:0!important;

    margin:0!important;
    padding:0!important;

    background:transparent!important;
    background-image:none!important;

    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;

    color:#D96512!important;
    -webkit-text-fill-color:#D96512!important;

    font-family:Arial,Helvetica,sans-serif!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.2!important;

    text-decoration:none!important;
    white-space:nowrap!important;
}

.pkp_structure_head .pkp_head_wrapper .pkp_navigation_user > li > a:hover{
    background:transparent!important;
    color:#B84F08!important;
    -webkit-text-fill-color:#B84F08!important;
}

/* Register icon */
.pkp_structure_head .pkp_head_wrapper .pkp_navigation_user > li:first-child > a::before{
    content:"\f234"!important;
    display:inline-block!important;
    margin-right:5px!important;

    font-family:"FontAwesome"!important;
    font-weight:normal!important;

    color:#D96512!important;
    -webkit-text-fill-color:#D96512!important;
}

/* Login icon */
.pkp_structure_head .pkp_head_wrapper .pkp_navigation_user > li:last-child > a::before{
    content:"\f090"!important;
    display:inline-block!important;
    margin-right:5px!important;

    font-family:"FontAwesome"!important;
    font-weight:normal!important;

    color:#D96512!important;
    -webkit-text-fill-color:#D96512!important;
}


/* ----------------------------------------------------------
   ABSOLUTELY REMOVE USER MENU FROM NAVIGATION FLOW
---------------------------------------------------------- */

.pkp_navigation_primary_row .pkp_navigation_user_wrapper{
    position:absolute!important;

    top:auto!important;
    right:auto!important;

    transform:none!important;

    width:0!important;
    height:0!important;
    min-height:0!important;

    margin:0!important;
    padding:0!important;

    overflow:visible!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}


/* ----------------------------------------------------------
   SEARCH — REMAINS ON THE SAME NAVIGATION ROW
---------------------------------------------------------- */

.pkp_navigation_primary_row{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    overflow:visible!important;
}

.pkp_navigation_primary_row .pkp_search{
    position:absolute!important;

    top:0!important;
    right:14px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:auto!important;
    height:58px!important;
    min-height:58px!important;

    margin:0!important;
    padding:0!important;

    float:none!important;
    clear:none!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;

    z-index:9999!important;
}


/* ----------------------------------------------------------
   JSA-LIKE WHITE SPACE
   Register/Login sit above the centered logo.
---------------------------------------------------------- */

.pkp_structure_head .pkp_site_name_wrapper{
    position:relative!important;
    z-index:1!important;
    background:#FFFFFF!important;
    overflow:visible!important;
}

.pkp_structure_head .pkp_site_name{
    position:relative!important;
    z-index:1!important;
    background:#FFFFFF!important;
}


/* ----------------------------------------------------------
   RESPONSIVE
---------------------------------------------------------- */

@media (min-width:901px){

    .pkp_structure_head .pkp_head_wrapper .pkp_navigation_user_wrapper{
        top:12px!important;
        right:20px!important;
        transform:none!important;
    }

}

@media (max-width:900px){

    .pkp_structure_head .pkp_head_wrapper{
        min-height:170px!important;
    }

    .pkp_structure_head .pkp_head_wrapper .pkp_navigation_user_wrapper{
        top:10px!important;
        right:12px!important;
        transform:none!important;
    }

    .pkp_structure_head .pkp_head_wrapper .pkp_navigation_user{
        gap:14px!important;
    }

    .pkp_structure_head .pkp_head_wrapper .pkp_navigation_user > li > a{
        font-size:13px!important;
    }

}

@media (max-width:600px){

    .pkp_structure_head .pkp_head_wrapper{
        min-height:145px!important;
    }

    .pkp_structure_head .pkp_head_wrapper .pkp_navigation_user_wrapper{
        top:8px!important;
        right:8px!important;
        transform:none!important;
    }

    .pkp_structure_head .pkp_head_wrapper .pkp_navigation_user{
        gap:10px!important;
    }

    .pkp_structure_head .pkp_head_wrapper .pkp_navigation_user > li > a{
        font-size:12px!important;
    }

}


/* ==========================================================
   PEKA V6 — DEFINITIVE FIX
   Root cause:
   .pkp_navigation_user_wrapper is INSIDE .pkp_site_nav_menu.
   The previous CSS positioned .pkp_site_nav_menu as relative,
   so Register/Login were positioned relative to the NAV ROW,
   not relative to the white header.

   Fix:
   1. Make .pkp_structure_head the positioning context.
   2. Make .pkp_site_nav_menu static.
   3. Position .pkp_navigation_user_wrapper absolutely
      against .pkp_structure_head.
   4. Keep .pkp_search inside the navigation row.
========================================================== */

/* 1. Header becomes the ONLY positioning context for the user menu */
.pkp_structure_head{
    position:relative!important;
    overflow:visible!important;
    z-index:100!important;
}

/* 2. IMPORTANT: remove the navigation menu as the containing block */
.pkp_structure_head .pkp_site_nav_menu{
    position:static!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    overflow:visible!important;
}

/* 3. User menu is inside .pkp_site_nav_menu in OJS,
      but is now positioned relative to .pkp_structure_head */
.pkp_structure_head .pkp_navigation_user_wrapper{
    position:absolute!important;
    top:12px!important;
    right:20px!important;
    left:auto!important;
    bottom:auto!important;

    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;

    margin:0!important;
    padding:0!important;

    transform:none!important;
    float:none!important;
    clear:none!important;

    display:block!important;
    visibility:visible!important;
    opacity:1!important;

    background:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;

    z-index:1000000!important;
}

/* 4. User links: horizontal, plain text, orange */
.pkp_structure_head .pkp_navigation_user_wrapper .pkp_navigation_user{
    position:relative!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;

    width:auto!important;
    height:auto!important;
    min-height:0!important;

    margin:0!important;
    padding:0!important;

    gap:22px!important;
    list-style:none!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}

.pkp_structure_head .pkp_navigation_user_wrapper .pkp_navigation_user > li{
    display:block!important;
    position:relative!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
}

.pkp_structure_head .pkp_navigation_user_wrapper .pkp_navigation_user > li > a{
    display:inline-flex!important;
    align-items:center!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;

    margin:0!important;
    padding:0!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;

    color:#D96512!important;
    -webkit-text-fill-color:#D96512!important;

    font-family:Arial,Helvetica,sans-serif!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.2!important;
    text-decoration:none!important;
    white-space:nowrap!important;
}

.pkp_structure_head .pkp_navigation_user_wrapper .pkp_navigation_user > li > a:hover{
    background:transparent!important;
    color:#B84F08!important;
    -webkit-text-fill-color:#B84F08!important;
}

/* 5. Icons */
.pkp_structure_head .pkp_navigation_user_wrapper .pkp_navigation_user > li:first-child > a::before{
    content:"\f234"!important;
    display:inline-block!important;
    margin-right:5px!important;
    font-family:"FontAwesome"!important;
    font-weight:normal!important;
    color:#D96512!important;
    -webkit-text-fill-color:#D96512!important;
}

.pkp_structure_head .pkp_navigation_user_wrapper .pkp_navigation_user > li:last-child > a::before{
    content:"\f090"!important;
    display:inline-block!important;
    margin-right:5px!important;
    font-family:"FontAwesome"!important;
    font-weight:normal!important;
    color:#D96512!important;
    -webkit-text-fill-color:#D96512!important;
}

/* 6. Search is independent and stays in the navigation row */
.pkp_structure_head .pkp_navigation_primary_row{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    overflow:visible!important;
}

.pkp_structure_head .pkp_navigation_primary_row .pkp_search{
    position:absolute!important;
    top:0!important;
    right:14px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:auto!important;
    height:58px!important;
    min-height:58px!important;

    margin:0!important;
    padding:0!important;

    float:none!important;
    clear:none!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    z-index:9999!important;
}

/* 7. Desktop/tablet */
@media (min-width:901px){
    .pkp_structure_head .pkp_navigation_user_wrapper{
        top:12px!important;
        right:20px!important;
    }
}

/* 8. Mobile */
@media (max-width:900px){
    .pkp_structure_head .pkp_navigation_user_wrapper{
        top:10px!important;
        right:12px!important;
    }

    .pkp_structure_head .pkp_navigation_user_wrapper .pkp_navigation_user{
        gap:14px!important;
    }

    .pkp_structure_head .pkp_navigation_user_wrapper .pkp_navigation_user > li > a{
        font-size:13px!important;
    }
}

@media (max-width:600px){
    .pkp_structure_head .pkp_navigation_user_wrapper{
        top:8px!important;
        right:8px!important;
    }

    .pkp_structure_head .pkp_navigation_user_wrapper .pkp_navigation_user{
        gap:10px!important;
    }

    .pkp_structure_head .pkp_navigation_user_wrapper .pkp_navigation_user > li > a{
        font-size:12px!important;
    }
}

/* ==========================================================
   V7 — FORCE SEARCH TO MATCH HOME MENU
   Search text and icon use exactly the same PEKA orange,
   font family and font weight as the primary navigation.
   ========================================================== */

.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search,
.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search *,
.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search a,
.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search a span,
.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search button,
.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search .search_prompt,
.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search .search_prompt span{
    color:#D96512!important;
    -webkit-text-fill-color:#D96512!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.25!important;
    text-decoration:none!important;
    text-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
}

.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search a::before,
.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search button::before,
.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search .search_prompt::before{
    color:#D96512!important;
    -webkit-text-fill-color:#D96512!important;
    font-family:"FontAwesome"!important;
    font-weight:normal!important;
}

.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search a:hover,
.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search button:hover,
.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search .search_prompt:hover,
.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search a:hover span{
    color:#D96512!important;
    -webkit-text-fill-color:#D96512!important;
    background:transparent!important;
}

.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search a:hover::before,
.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search button:hover::before,
.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search .search_prompt:hover::before{
    color:#D96512!important;
    -webkit-text-fill-color:#D96512!important;
}

/* Match the primary menu spacing/appearance */
.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search a,
.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search button,
.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search .search_prompt{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:58px!important;
    padding:0 8px!important;
    box-sizing:border-box!important;
}

/* ==========================================================
   V8 — RESTORE ORIGINAL OJS SEARCH GLASS ICON
   The OJS search link already contains <span class="fa fa-search">.
   Keep that FontAwesome span intact; do not replace it with a
   pseudo-element and do not force Arial onto the icon span.
   ========================================================== */

.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search .fa,
.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search .fa-search,
.pkp_navigation_primary_row .pkp_search a > .fa-search,
.pkp_navigation_primary_row .pkp_search a > span.fa-search{
    display:inline-block!important;
    font-family:"FontAwesome"!important;
    font-size:14px!important;
    font-weight:normal!important;
    line-height:1!important;
    color:#D96512!important;
    -webkit-text-fill-color:#D96512!important;
    width:auto!important;
    min-width:0!important;
    margin:0 6px 0 0!important;
    padding:0!important;
    text-indent:0!important;
}

/* Use the native OJS FontAwesome icon, not a CSS-generated square/icon. */
.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search a::before,
.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search button::before,
.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search .search_prompt::before{
    content:none!important;
    display:none!important;
}

/* Search text remains identical to HOME. */
.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search a,
.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search button,
.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search .search_prompt{
    color:#D96512!important;
    -webkit-text-fill-color:#D96512!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.25!important;
    text-decoration:none!important;
}

.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search a:hover,
.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search button:hover,
.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search .search_prompt:hover{
    color:#D96512!important;
    -webkit-text-fill-color:#D96512!important;
    background:transparent!important;
}

.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_primary_row .pkp_search .fa-search:hover{
    color:#D96512!important;
    -webkit-text-fill-color:#D96512!important;
}


/* ==========================================================
   PEKA V9 — RESTORE HERO BUTTON ANIMATION
   Restores animation for:
   - Submit Manuscript
   - Author Guidelines
   - Current Issue
   - View Current Issue

   Animation uses box-shadow pulse + diagonal shine.
   It does not override the button's existing colors/layout.
   ========================================================== */

.peka2026-buttons a.peka2026-btn,
.peka2026-btn,
.peka2026-btn-primary,
.peka2026-btn-outline{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    isolation:isolate!important;
    animation:pekaButtonPulse 3s ease-in-out infinite!important;
    transition:
        transform .35s ease,
        box-shadow .35s ease,
        background-color .35s ease,
        color .35s ease,
        border-color .35s ease!important;
}

/* Moving light sweep */
.peka2026-buttons a.peka2026-btn::after,
.peka2026-btn::after,
.peka2026-btn-primary::after,
.peka2026-btn-outline::after{
    content:""!important;
    position:absolute!important;
    top:-20%!important;
    left:-130%!important;
    width:42%!important;
    height:140%!important;
    z-index:0!important;
    pointer-events:none!important;
    background:linear-gradient(
        100deg,
        transparent 0%,
        rgba(255,255,255,0.08) 25%,
        rgba(255,255,255,0.68) 50%,
        rgba(255,255,255,0.08) 75%,
        transparent 100%
    )!important;
    transform:skewX(-24deg)!important;
    animation:pekaButtonShine 3.2s linear infinite!important;
}

/* Keep button text/icons above the shine layer */
.peka2026-buttons a.peka2026-btn > *,
.peka2026-btn > *,
.peka2026-btn-primary > *,
.peka2026-btn-outline > *{
    position:relative!important;
    z-index:2!important;
}

/* Subtle breathing/pulse without fighting hover transform */
@keyframes pekaButtonPulse{
    0%,100%{
        box-shadow:0 6px 16px rgba(217,101,18,.12);
    }
    50%{
        box-shadow:0 10px 26px rgba(217,101,18,.28);
    }
}

@keyframes pekaButtonShine{
    0%{
        left:-130%;
    }
    100%{
        left:165%;
    }
}

/* Stronger hover interaction */
.peka2026-buttons a.peka2026-btn:hover,
.peka2026-btn:hover,
.peka2026-btn-primary:hover,
.peka2026-btn-outline:hover{
    transform:translateY(-4px)!important;
    animation-play-state:paused!important;
}

/* Stop the sweep while the pointer is over the button */
.peka2026-buttons a.peka2026-btn:hover::after,
.peka2026-btn:hover::after,
.peka2026-btn-primary:hover::after,
.peka2026-btn-outline:hover::after{
    animation-play-state:paused!important;
}

/* Accessibility: respect reduced-motion preference */
@media (prefers-reduced-motion:reduce){
    .peka2026-buttons a.peka2026-btn,
    .peka2026-btn,
    .peka2026-btn-primary,
    .peka2026-btn-outline,
    .peka2026-buttons a.peka2026-btn::after,
    .peka2026-btn::after,
    .peka2026-btn-primary::after,
    .peka2026-btn-outline::after{
        animation:none!important;
        transition:none!important;
    }
}


/* ==========================================================
   PEKA — ARTICLE TITLE ORANGE
   Current Issue / Archives
   Added without changing existing V9 rules
========================================================== */

.obj_article_summary .title,
.obj_article_summary .title a,
.obj_article_summary h3.title,
.obj_article_summary h3.title a,
.issue-toc .obj_article_summary .title,
.issue-toc .obj_article_summary .title a {
    color:#D96512!important;
    -webkit-text-fill-color:#D96512!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-weight:700!important;
    text-decoration:none!important;
    opacity:1!important;
    visibility:visible!important;
}

.obj_article_summary .title a:hover,
.obj_article_summary h3.title a:hover,
.issue-toc .obj_article_summary .title a:hover {
    color:#B84F08!important;
    -webkit-text-fill-color:#B84F08!important;
    text-decoration:none!important;
}


/* ==========================================================
   PEKA V10 — ENLARGE HEADER / LOGO
   Purpose:
   - Make the PEKA logo substantially larger
   - Keep Register/Login at the top-right
   - Keep navigation unchanged
   - Preserve responsive behavior
========================================================== */

/* Desktop: larger logo area */
@media (min-width:901px){

    .pkp_structure_head .pkp_head_wrapper{
        min-height:220px!important;
    }

    .pkp_structure_head .pkp_site_name_wrapper{
        min-height:220px!important;
    }

    .pkp_structure_head .pkp_site_name{
        min-height:220px!important;
        padding:42px 0 28px!important;
    }

    .pkp_structure_head .pkp_site_name img{
        display:block!important;
        width:760px!important;
        max-width:calc(100% - 40px)!important;
        height:auto!important;
        max-height:none!important;
        margin:0 auto!important;
        transform:none!important;
        filter:none!important;
    }
}

/* Tablet */
@media (min-width:601px) and (max-width:900px){

    .pkp_structure_head .pkp_head_wrapper{
        min-height:185px!important;
    }

    .pkp_structure_head .pkp_site_name_wrapper{
        min-height:185px!important;
    }

    .pkp_structure_head .pkp_site_name{
        min-height:185px!important;
        padding:34px 0 22px!important;
    }

    .pkp_structure_head .pkp_site_name img{
        display:block!important;
        width:620px!important;
        max-width:calc(100% - 30px)!important;
        height:auto!important;
        max-height:none!important;
        margin:0 auto!important;
        transform:none!important;
    }
}

/* Mobile */
@media (max-width:600px){

    .pkp_structure_head .pkp_head_wrapper{
        min-height:150px!important;
    }

    .pkp_structure_head .pkp_site_name_wrapper{
        min-height:150px!important;
    }

    .pkp_structure_head .pkp_site_name{
        min-height:150px!important;
        padding:28px 0 16px!important;
    }

    .pkp_structure_head .pkp_site_name img{
        display:block!important;
        width:520px!important;
        max-width:calc(100% - 24px)!important;
        height:auto!important;
        max-height:none!important;
        margin:0 auto!important;
        transform:none!important;
    }
}

/* Keep top Register/Login safely above the enlarged logo */
@media (min-width:901px){
    .pkp_structure_head .pkp_navigation_user_wrapper{
        top:12px!important;
        right:20px!important;
        z-index:1000000!important;
    }
}


/* ==========================================================
   PEKA V11 — EXTRA LARGE HEADER LOGO
   Based on V10.
   Desktop logo enlarged substantially while keeping
   Register/Login and navigation positions unchanged.
========================================================== */

@media (min-width:901px){

    /* Increase the white header area */
    .pkp_structure_head .pkp_head_wrapper{
        min-height:270px!important;
    }

    .pkp_structure_head .pkp_site_name_wrapper{
        min-height:270px!important;
    }

    .pkp_structure_head .pkp_site_name{
        min-height:270px!important;
        padding:52px 0 34px!important;
    }

    /* Extra-large PEKA logo */
    .pkp_structure_head .pkp_site_name img{
        display:block!important;
        width:950px!important;
        max-width:calc(100% - 30px)!important;
        height:auto!important;
        max-height:none!important;
        margin:0 auto!important;
        transform:none!important;
        filter:none!important;
    }

    /* Keep Register/Login in the top-right */
    .pkp_structure_head .pkp_navigation_user_wrapper{
        top:12px!important;
        right:20px!important;
        z-index:1000000!important;
    }
}

/* Tablet — proportionally larger */
@media (min-width:601px) and (max-width:900px){

    .pkp_structure_head .pkp_head_wrapper{
        min-height:210px!important;
    }

    .pkp_structure_head .pkp_site_name_wrapper{
        min-height:210px!important;
    }

    .pkp_structure_head .pkp_site_name{
        min-height:210px!important;
        padding:38px 0 24px!important;
    }

    .pkp_structure_head .pkp_site_name img{
        display:block!important;
        width:760px!important;
        max-width:calc(100% - 24px)!important;
        height:auto!important;
        max-height:none!important;
        margin:0 auto!important;
        transform:none!important;
    }
}

/* Mobile — larger but still constrained to viewport */
@media (max-width:600px){

    .pkp_structure_head .pkp_head_wrapper{
        min-height:170px!important;
    }

    .pkp_structure_head .pkp_site_name_wrapper{
        min-height:170px!important;
    }

    .pkp_structure_head .pkp_site_name{
        min-height:170px!important;
        padding:30px 0 18px!important;
    }

    .pkp_structure_head .pkp_site_name img{
        display:block!important;
        width:650px!important;
        max-width:calc(100% - 18px)!important;
        height:auto!important;
        max-height:none!important;
        margin:0 auto!important;
        transform:none!important;
    }
}


/* ==========================================================
   PEKA V12 — LARGER LOGO + LOWER HEADER
   Desktop:
   - Logo enlarged to 1050px
   - Header reduced from 270px to 230px
   - Tighter vertical padding
   - Register/Login remain at top-right
   - Navigation position remains unchanged
========================================================== */

@media (min-width:901px){

    .pkp_structure_head .pkp_head_wrapper{
        min-height:230px!important;
    }

    .pkp_structure_head .pkp_site_name_wrapper{
        min-height:230px!important;
    }

    .pkp_structure_head .pkp_site_name{
        min-height:230px!important;
        padding:30px 0 18px!important;
    }

    .pkp_structure_head .pkp_site_name img{
        display:block!important;
        width:1050px!important;
        max-width:calc(100% - 20px)!important;
        height:auto!important;
        max-height:none!important;
        margin:0 auto!important;
        transform:none!important;
        filter:none!important;
    }

    .pkp_structure_head .pkp_navigation_user_wrapper{
        top:10px!important;
        right:20px!important;
        z-index:1000000!important;
    }
}

/* Tablet */
@media (min-width:601px) and (max-width:900px){

    .pkp_structure_head .pkp_head_wrapper{
        min-height:190px!important;
    }

    .pkp_structure_head .pkp_site_name_wrapper{
        min-height:190px!important;
    }

    .pkp_structure_head .pkp_site_name{
        min-height:190px!important;
        padding:28px 0 16px!important;
    }

    .pkp_structure_head .pkp_site_name img{
        display:block!important;
        width:820px!important;
        max-width:calc(100% - 20px)!important;
        height:auto!important;
        max-height:none!important;
        margin:0 auto!important;
        transform:none!important;
    }
}

/* Mobile */
@media (max-width:600px){

    .pkp_structure_head .pkp_head_wrapper{
        min-height:155px!important;
    }

    .pkp_structure_head .pkp_site_name_wrapper{
        min-height:155px!important;
    }

    .pkp_structure_head .pkp_site_name{
        min-height:155px!important;
        padding:25px 0 14px!important;
    }

    .pkp_structure_head .pkp_site_name img{
        display:block!important;
        width:680px!important;
        max-width:calc(100% - 14px)!important;
        height:auto!important;
        max-height:none!important;
        margin:0 auto!important;
        transform:none!important;
    }
}


/* ==========================================================
   PEKA V13 — HEADER HEIGHT 190PX
   Logo size preserved from V12 (1050px desktop)
   Only the header height/vertical spacing is reduced.
========================================================== */

@media (min-width:901px){

    .pkp_structure_head .pkp_head_wrapper{
        min-height:190px!important;
    }

    .pkp_structure_head .pkp_site_name_wrapper{
        min-height:190px!important;
    }

    .pkp_structure_head .pkp_site_name{
        min-height:190px!important;
        padding:20px 0 10px!important;
    }

    /* Keep V12 logo size */
    .pkp_structure_head .pkp_site_name img{
        width:1050px!important;
        max-width:calc(100% - 20px)!important;
        max-height:none!important;
        height:auto!important;
        margin:0 auto!important;
    }

    .pkp_structure_head .pkp_navigation_user_wrapper{
        top:10px!important;
        right:20px!important;
    }
}

/* Tablet */
@media (min-width:601px) and (max-width:900px){

    .pkp_structure_head .pkp_head_wrapper{
        min-height:175px!important;
    }

    .pkp_structure_head .pkp_site_name_wrapper{
        min-height:175px!important;
    }

    .pkp_structure_head .pkp_site_name{
        min-height:175px!important;
        padding:24px 0 12px!important;
    }

    .pkp_structure_head .pkp_site_name img{
        width:820px!important;
        max-width:calc(100% - 20px)!important;
        max-height:none!important;
        height:auto!important;
        margin:0 auto!important;
    }
}

/* Mobile */
@media (max-width:600px){

    .pkp_structure_head .pkp_head_wrapper{
        min-height:145px!important;
    }

    .pkp_structure_head .pkp_site_name_wrapper{
        min-height:145px!important;
    }

    .pkp_structure_head .pkp_site_name{
        min-height:145px!important;
        padding:22px 0 10px!important;
    }

    .pkp_structure_head .pkp_site_name img{
        width:680px!important;
        max-width:calc(100% - 14px)!important;
        max-height:none!important;
        height:auto!important;
        margin:0 auto!important;
    }
}


/* ==========================================================
   PEKA V14 — HEADER HEIGHT 160PX
   Logo size preserved from V12/V13.
   Only desktop header height is reduced to 160px.
========================================================== */

@media (min-width:901px){

    .pkp_structure_head .pkp_head_wrapper{
        min-height:160px!important;
    }

    .pkp_structure_head .pkp_site_name_wrapper{
        min-height:160px!important;
    }

    .pkp_structure_head .pkp_site_name{
        min-height:160px!important;
        padding:12px 0 6px!important;
    }

    /* Preserve approved logo size */
    .pkp_structure_head .pkp_site_name img{
        width:1050px!important;
        max-width:calc(100% - 20px)!important;
        max-height:none!important;
        height:auto!important;
        margin:0 auto!important;
    }

    .pkp_structure_head .pkp_navigation_user_wrapper{
        top:8px!important;
        right:20px!important;
    }
}

/* Tablet */
@media (min-width:601px) and (max-width:900px){

    .pkp_structure_head .pkp_head_wrapper{
        min-height:160px!important;
    }

    .pkp_structure_head .pkp_site_name_wrapper{
        min-height:160px!important;
    }

    .pkp_structure_head .pkp_site_name{
        min-height:160px!important;
        padding:20px 0 10px!important;
    }

    .pkp_structure_head .pkp_site_name img{
        width:820px!important;
        max-width:calc(100% - 20px)!important;
        max-height:none!important;
        height:auto!important;
        margin:0 auto!important;
    }
}

/* Mobile */
@media (max-width:600px){

    .pkp_structure_head .pkp_head_wrapper{
        min-height:140px!important;
    }

    .pkp_structure_head .pkp_site_name_wrapper{
        min-height:140px!important;
    }

    .pkp_structure_head .pkp_site_name{
        min-height:140px!important;
        padding:20px 0 8px!important;
    }

    .pkp_structure_head .pkp_site_name img{
        width:680px!important;
        max-width:calc(100% - 14px)!important;
        max-height:none!important;
        height:auto!important;
        margin:0 auto!important;
    }
}


/* ==========================================================
   PEKA V15 — HEADER HEIGHT 120PX
   Logo size preserved from V12/V13/V14.
   Desktop header reduced to 120px.
========================================================== */

@media (min-width:901px){

    .pkp_structure_head .pkp_head_wrapper{
        min-height:120px!important;
    }

    .pkp_structure_head .pkp_site_name_wrapper{
        min-height:120px!important;
    }

    .pkp_structure_head .pkp_site_name{
        min-height:120px!important;
        padding:6px 0 3px!important;
    }

    /* Preserve approved logo size */
    .pkp_structure_head .pkp_site_name img{
        width:1050px!important;
        max-width:calc(100% - 20px)!important;
        max-height:none!important;
        height:auto!important;
        margin:0 auto!important;
    }

    /* Keep Register/Login safely at the top-right */
    .pkp_structure_head .pkp_navigation_user_wrapper{
        top:6px!important;
        right:20px!important;
    }
}

/* Tablet */
@media (min-width:601px) and (max-width:900px){

    .pkp_structure_head .pkp_head_wrapper{
        min-height:145px!important;
    }

    .pkp_structure_head .pkp_site_name_wrapper{
        min-height:145px!important;
    }

    .pkp_structure_head .pkp_site_name{
        min-height:145px!important;
        padding:16px 0 8px!important;
    }

    .pkp_structure_head .pkp_site_name img{
        width:820px!important;
        max-width:calc(100% - 20px)!important;
        max-height:none!important;
        height:auto!important;
        margin:0 auto!important;
    }
}

/* Mobile */
@media (max-width:600px){

    .pkp_structure_head .pkp_head_wrapper{
        min-height:130px!important;
    }

    .pkp_structure_head .pkp_site_name_wrapper{
        min-height:130px!important;
    }

    .pkp_structure_head .pkp_site_name{
        min-height:130px!important;
        padding:18px 0 7px!important;
    }

    .pkp_structure_head .pkp_site_name img{
        width:680px!important;
        max-width:calc(100% - 14px)!important;
        max-height:none!important;
        height:auto!important;
        margin:0 auto!important;
    }
}


/* ==========================================================
   PEKA V16 — HEADER HEIGHT 70PX
   Logo size preserved from V12-V15.
   Desktop header reduced to 70px.
========================================================== */

@media (min-width:901px){

    .pkp_structure_head .pkp_head_wrapper{
        min-height:70px!important;
    }

    .pkp_structure_head .pkp_site_name_wrapper{
        min-height:70px!important;
    }

    .pkp_structure_head .pkp_site_name{
        min-height:70px!important;
        padding:2px 0 2px!important;
    }

    /* Preserve approved logo size */
    .pkp_structure_head .pkp_site_name img{
        width:1050px!important;
        max-width:calc(100% - 20px)!important;
        max-height:none!important;
        height:auto!important;
        margin:0 auto!important;
    }

    /* Register/Login remain at top-right */
    .pkp_structure_head .pkp_navigation_user_wrapper{
        top:4px!important;
        right:20px!important;
    }
}

/* Tablet */
@media (min-width:601px) and (max-width:900px){

    .pkp_structure_head .pkp_head_wrapper{
        min-height:120px!important;
    }

    .pkp_structure_head .pkp_site_name_wrapper{
        min-height:120px!important;
    }

    .pkp_structure_head .pkp_site_name{
        min-height:120px!important;
        padding:12px 0 6px!important;
    }

    .pkp_structure_head .pkp_site_name img{
        width:820px!important;
        max-width:calc(100% - 20px)!important;
        max-height:none!important;
        height:auto!important;
        margin:0 auto!important;
    }
}

/* Mobile */
@media (max-width:600px){

    .pkp_structure_head .pkp_head_wrapper{
        min-height:115px!important;
    }

    .pkp_structure_head .pkp_site_name_wrapper{
        min-height:115px!important;
    }

    .pkp_structure_head .pkp_site_name{
        min-height:115px!important;
        padding:14px 0 6px!important;
    }

    .pkp_structure_head .pkp_site_name img{
        width:680px!important;
        max-width:calc(100% - 14px)!important;
        max-height:none!important;
        height:auto!important;
        margin:0 auto!important;
    }
}




/* ==========================================================
   PEKA FOOTER V18 — ECEJ STYLE
   FINAL OVERRIDE
   ----------------------------------------------------------
   Purpose:
   1. Keep indexing card floating above footer
   2. Main footer = orange, 3 columns
   3. Footer outside area = dark green
   4. Footer bottom = darker orange
   5. Compatible with .peka-footer HTML
   6. Does not alter PEKA header/navigation
========================================================== */


/* ==========================================================
   OUTER OJS FOOTER AREA
========================================================== */

.pkp_structure_footer {
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:#064D2A !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
}

.pkp_structure_footer_wrapper {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    background:#064D2A !important;
}

.pkp_footer_content {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    background:#064D2A !important;
}


/* ==========================================================
   INDEXING & ABSTRACTING — FLOATING CARD
========================================================== */

.footer-indexing-wrapper {
    position:relative !important;
    z-index:50 !important;

    width:100% !important;
    max-width:1200px !important;

    margin:-58px auto -18px !important;
    padding:0 18px !important;

    display:flex !important;
    justify-content:center !important;
    align-items:center !important;

    background:transparent !important;
}

.footer-indexing-card {
    width:100% !important;
    max-width:1180px !important;

    margin:0 auto !important;
    padding:14px 16px !important;

    background:#FFFFFF !important;

    border:1px solid #F2C6A8 !important;
    border-radius:20px !important;

    box-shadow:
        0 12px 28px rgba(0,0,0,.12) !important;
}

.footer-indexing-title {
    color:#D96512 !important;
    text-align:center !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:16px !important;
    font-weight:700 !important;
    margin:0 0 10px !important;
}

.footer-indexing-grid {
    width:100% !important;

    display:grid !important;
    grid-template-columns:repeat(6,1fr) !important;
    gap:10px !important;

    align-items:center !important;
}

.footer-indexing-grid a {
    position:relative !important;
    overflow:hidden !important;

    min-width:0 !important;
    height:64px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:8px 12px !important;

    background:#FFFFFF !important;
    border:1px solid #F2C6A8 !important;
    border-radius:10px !important;

    box-shadow:none !important;

    text-decoration:none !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease !important;
}

.footer-indexing-grid a:hover {
    transform:translateY(-3px) !important;

    border-color:#F47C20 !important;

    box-shadow:
        0 8px 18px rgba(217,101,18,.14) !important;
}

.footer-indexing-grid a::before {
    content:"" !important;

    position:absolute !important;
    top:0 !important;
    left:-130% !important;

    width:45% !important;
    height:100% !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.65),
            transparent
        ) !important;

    transform:skewX(-25deg) !important;

    pointer-events:none !important;
}

.footer-indexing-grid a:hover::before {
    left:160% !important;
    transition:left .8s ease !important;
}

.footer-indexing-grid img {
    display:block !important;

    width:auto !important;
    height:auto !important;

    max-width:76% !important;
    max-height:34px !important;

    margin:0 auto !important;

    object-fit:contain !important;

    transform:none !important;
}


/* ==========================================================
   MAIN PEKA FOOTER
========================================================== */

.peka-footer {
    position:relative !important;
    z-index:2 !important;

    width:100% !important;
    max-width:1160px !important;

    margin:-28px auto 0 !important;

    padding:82px 48px 30px !important;

    display:grid !important;
    grid-template-columns:
        1.35fr
        1fr
        1.15fr !important;

    column-gap:70px !important;
    row-gap:35px !important;

    background:
        linear-gradient(
            135deg,
            #FFA348 0%,
            #F47C20 55%,
            #E87517 100%
        ) !important;

    color:#FFFFFF !important;

    box-sizing:border-box !important;
}


/* Make sure the three columns really stay as columns */
.peka-footer > .footer-column {
    display:block !important;

    width:auto !important;
    max-width:none !important;
    min-width:0 !important;

    margin:0 !important;
    padding:0 !important;

    float:none !important;
}


/* ---------- Headings ---------- */

.peka-footer .footer-column h3 {
    display:block !important;

    margin:0 0 16px !important;
    padding:0 !important;

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;

    font-family:Arial,Helvetica,sans-serif !important;
    font-size:21px !important;
    font-weight:700 !important;
    line-height:1.25 !important;

    text-transform:none !important;
}


/* ---------- About ---------- */

.peka-footer .footer-column p {
    margin:0 !important;
    padding:0 !important;

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;

    font-family:Arial,Helvetica,sans-serif !important;
    font-size:14px !important;
    font-weight:400 !important;
    line-height:1.7 !important;
}

.peka-footer .footer-column p strong {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}


/* ---------- Quick Links ---------- */

.peka-footer .footer-menu {
    display:block !important;

    margin:0 !important;
    padding:0 !important;

    list-style:none !important;
}

.peka-footer .footer-menu li {
    display:block !important;

    margin:0 0 11px !important;
    padding:0 !important;

    color:#FFFFFF !important;
    list-style:none !important;
}

.peka-footer .footer-menu li::before {
    display:none !important;
    content:none !important;
}

.peka-footer .footer-menu a {
    display:inline-block !important;

    margin:0 !important;
    padding:0 !important;

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;

    font-family:Arial,Helvetica,sans-serif !important;
    font-size:14px !important;
    font-weight:500 !important;

    line-height:1.5 !important;
    text-decoration:none !important;

    transition:
        color .25s ease,
        padding-left .25s ease !important;
}

.peka-footer .footer-menu a:hover {
    color:#FFF3E8 !important;
    -webkit-text-fill-color:#FFF3E8 !important;

    padding-left:5px !important;
}


/* ---------- Contact ---------- */

.peka-footer .contact-item {
    display:block !important;

    margin:0 0 6px !important;
    padding:0 !important;

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;

    font-family:Arial,Helvetica,sans-serif !important;
    font-size:14px !important;
    font-weight:400 !important;

    line-height:1.55 !important;
}

.peka-footer .contact-item strong {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}

.peka-footer .contact-item a {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;

    text-decoration:none !important;
}

.peka-footer .contact-item a:hover {
    color:#FFF3E8 !important;
    -webkit-text-fill-color:#FFF3E8 !important;
    text-decoration:underline !important;
}


/* ==========================================================
   SOCIAL ICONS
========================================================== */

.peka-footer .footer-social-icons {
    display:flex !important;
    align-items:center !important;

    gap:15px !important;

    margin:22px 0 0 !important;
    padding:0 !important;
}

.peka-footer .icon-btn-round {
    width:48px !important;
    height:48px !important;

    min-width:48px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin:0 !important;
    padding:0 !important;

    border-radius:50% !important;
    border:0 !important;

    background:#FFFFFF !important;
    color:#E87517 !important;
    -webkit-text-fill-color:#E87517 !important;

    box-shadow:
        0 5px 14px rgba(0,0,0,.14) !important;

    text-decoration:none !important;

    transition:
        transform .25s ease,
        background-color .25s ease,
        color .25s ease !important;
}

.peka-footer .icon-btn-round:hover {
    transform:translateY(-4px) !important;

    background:#FFF4EA !important;
    color:#D96512 !important;
    -webkit-text-fill-color:#D96512 !important;
}

.peka-footer .icon-btn-round .fa {
    color:inherit !important;
    -webkit-text-fill-color:inherit !important;

    font-size:18px !important;
}


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

.footer-bottom {
    width:100% !important;
    max-width:1160px !important;

    margin:0 auto !important;

    padding:23px 48px 25px !important;

    background:#E87517 !important;

    border-top:1px solid rgba(255,255,255,.28) !important;

    color:#FFFFFF !important;

    text-align:left !important;

    box-sizing:border-box !important;
}

.footer-bottom p {
    margin:0 0 14px !important;
    padding:0 !important;

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;

    font-family:Arial,Helvetica,sans-serif !important;
    font-size:13px !important;
    font-weight:400 !important;

    line-height:1.65 !important;
}

.footer-bottom p:last-child {
    margin-bottom:0 !important;
}

.footer-bottom strong {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
}

.footer-bottom a {
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;

    text-decoration:none !important;
}

.footer-bottom a:hover {
    color:#FFF3E8 !important;
    -webkit-text-fill-color:#FFF3E8 !important;

    text-decoration:underline !important;
}


/* ==========================================================
   REMOVE LEGACY CEEJ FOOTER STYLING
   Prevent old selectors from overriding PEKA
========================================================== */

.ceej-footer {
    all:unset !important;
}

.ceej-footer .footer-column,
.ceej-footer h3,
.ceej-footer p,
.ceej-footer a {
    all:unset !important;
}


/* ==========================================================
   RESPONSIVE — TABLET
========================================================== */

@media (max-width:992px) {

    .footer-indexing-wrapper {
        margin:-50px auto -16px !important;
        padding:0 14px !important;
    }

    .footer-indexing-grid {
        grid-template-columns:repeat(3,1fr) !important;
    }

    .footer-indexing-card {
        padding:13px !important;
    }

    .peka-footer {
        grid-template-columns:1fr 1fr !important;

        column-gap:42px !important;
        row-gap:38px !important;

        padding:72px 30px 28px !important;
    }

    .peka-footer > .footer-column:last-child {
        grid-column:1 / -1 !important;
    }

    .footer-bottom {
        padding-left:30px !important;
        padding-right:30px !important;
    }
}


/* ==========================================================
   RESPONSIVE — MOBILE
========================================================== */

@media (max-width:576px) {

    .footer-indexing-wrapper {
        margin:-42px auto -12px !important;
        padding:0 10px !important;
    }

    .footer-indexing-card {
        padding:10px !important;
        border-radius:16px !important;
    }

    .footer-indexing-grid {
        grid-template-columns:repeat(2,1fr) !important;
        gap:8px !important;
    }

    .footer-indexing-grid a {
        height:56px !important;
        padding:6px !important;
        border-radius:8px !important;
    }

    .footer-indexing-grid img {
        max-width:78% !important;
        max-height:30px !important;
    }

    .peka-footer {
        grid-template-columns:1fr !important;

        row-gap:28px !important;

        margin-top:-22px !important;

        padding:62px 24px 28px !important;
    }

    .peka-footer > .footer-column:last-child {
        grid-column:auto !important;
    }

    .peka-footer .footer-column h3 {
        font-size:19px !important;
        margin-bottom:11px !important;
    }

    .peka-footer .footer-column p,
    .peka-footer .footer-menu a,
    .peka-footer .contact-item {
        font-size:13px !important;
    }

    .footer-bottom {
        padding:21px 24px 24px !important;
    }

    .footer-bottom p {
        font-size:12px !important;
        line-height:1.6 !important;
    }
}



/* ==========================================================
   PEKA FOOTER V19 — COMPACT + WHITE OUTER SIDES
   ----------------------------------------------------------
   Changes:
   - Remove dark-green outer background completely
   - Make left/right outer area plain white
   - Compact the footer width and vertical spacing
   - Keep indexing card clean and centered
   - Keep PEKA orange footer
========================================================== */


/* ----------------------------------------------------------
   1. FORCE OUTER FOOTER AREA TO PLAIN WHITE
---------------------------------------------------------- */

html,
body,
.pkp_structure_page,
.pkp_structure_footer,
.pkp_structure_footer_wrapper,
.pkp_footer_content {
    background:#FFFFFF !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
}


/* Remove possible decorative pseudo-elements on outer footer */
.pkp_structure_footer::before,
.pkp_structure_footer::after,
.pkp_structure_footer_wrapper::before,
.pkp_structure_footer_wrapper::after,
.pkp_footer_content::before,
.pkp_footer_content::after {
    content:none !important;
    display:none !important;
    background:none !important;
}


/* ----------------------------------------------------------
   2. COMPACT INDEXING CARD
---------------------------------------------------------- */

.footer-indexing-wrapper {
    width:100% !important;
    max-width:1160px !important;

    margin:-42px auto -12px !important;
    padding:0 10px !important;

    box-sizing:border-box !important;
    background:transparent !important;
}

.footer-indexing-card {
    width:100% !important;
    max-width:1160px !important;

    padding:11px 13px !important;

    border-radius:15px !important;
    border:1px solid #F2C6A8 !important;

    box-shadow:0 7px 18px rgba(217,101,18,.10) !important;
}

.footer-indexing-title {
    margin:0 0 7px !important;

    font-size:15px !important;
    line-height:1.25 !important;
}

.footer-indexing-grid {
    gap:8px !important;
}

.footer-indexing-grid a {
    height:52px !important;

    padding:5px 8px !important;

    border-radius:8px !important;
}

.footer-indexing-grid img {
    max-width:72% !important;
    max-height:29px !important;
}


/* ----------------------------------------------------------
   3. COMPACT MAIN PEKA FOOTER
---------------------------------------------------------- */

.peka-footer {
    width:100% !important;
    max-width:1160px !important;

    margin:-18px auto 0 !important;

    padding:58px 40px 22px !important;

    grid-template-columns:1.35fr 1fr 1.15fr !important;

    column-gap:45px !important;
    row-gap:24px !important;

    box-sizing:border-box !important;

    background:
        linear-gradient(
            135deg,
            #FFA348 0%,
            #F47C20 55%,
            #E87517 100%
        ) !important;

    border-radius:0 !important;

    color:#FFFFFF !important;
}


/* Compact headings */
.peka-footer .footer-column h3 {
    margin:0 0 10px !important;

    font-size:18px !important;
    line-height:1.2 !important;
}


/* Compact body text */
.peka-footer .footer-column p {
    font-size:13px !important;
    line-height:1.55 !important;
}


/* Compact quick links */
.peka-footer .footer-menu li {
    margin:0 0 7px !important;
}

.peka-footer .footer-menu a {
    font-size:13px !important;
    line-height:1.4 !important;
}


/* Compact contact */
.peka-footer .contact-item {
    margin:0 0 4px !important;

    font-size:13px !important;
    line-height:1.45 !important;
}


/* Compact social icons */
.peka-footer .footer-social-icons {
    gap:10px !important;
    margin:14px 0 0 !important;
}

.peka-footer .icon-btn-round {
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
}

.peka-footer .icon-btn-round .fa {
    font-size:15px !important;
}


/* ----------------------------------------------------------
   4. COMPACT FOOTER BOTTOM
---------------------------------------------------------- */

.footer-bottom {
    width:100% !important;
    max-width:1160px !important;

    margin:0 auto !important;

    padding:15px 40px 17px !important;

    box-sizing:border-box !important;

    background:#E87517 !important;

    border-top:1px solid rgba(255,255,255,.25) !important;
}

.footer-bottom p {
    margin:0 0 7px !important;

    font-size:11.5px !important;
    line-height:1.45 !important;
}

.footer-bottom p:last-child {
    margin-bottom:0 !important;
}


/* ----------------------------------------------------------
   5. PREVENT LEGACY GREEN FOOTER SELECTORS
---------------------------------------------------------- */

.pkp_structure_footer,
.pkp_structure_footer_wrapper,
.pkp_footer_content {
    background-color:#FFFFFF !important;
    background-image:none !important;
}

.pkp_structure_footer .peka-footer,
.pkp_structure_footer .footer-bottom {
    background-image:linear-gradient(
        135deg,
        #FFA348 0%,
        #F47C20 55%,
        #E87517 100%
    ) !important;
}

.pkp_structure_footer .footer-bottom {
    background:#E87517 !important;
}


/* ----------------------------------------------------------
   6. TABLET
---------------------------------------------------------- */

@media (max-width:992px) {

    .footer-indexing-wrapper {
        max-width:100% !important;
        margin:-38px auto -10px !important;
        padding:0 10px !important;
    }

    .footer-indexing-grid {
        grid-template-columns:repeat(3,1fr) !important;
    }

    .peka-footer {
        max-width:100% !important;

        grid-template-columns:1fr 1fr !important;

        column-gap:30px !important;
        row-gap:22px !important;

        padding:50px 28px 20px !important;
    }

    .peka-footer > .footer-column:last-child {
        grid-column:1 / -1 !important;
    }

    .footer-bottom {
        max-width:100% !important;
        padding:14px 28px 16px !important;
    }
}


/* ----------------------------------------------------------
   7. MOBILE
---------------------------------------------------------- */

@media (max-width:576px) {

    .footer-indexing-wrapper {
        margin:-30px auto -8px !important;
        padding:0 8px !important;
    }

    .footer-indexing-card {
        padding:9px !important;
        border-radius:13px !important;
    }

    .footer-indexing-title {
        font-size:14px !important;
        margin-bottom:6px !important;
    }

    .footer-indexing-grid {
        grid-template-columns:repeat(2,1fr) !important;
        gap:6px !important;
    }

    .footer-indexing-grid a {
        height:48px !important;
        padding:4px !important;
    }

    .footer-indexing-grid img {
        max-width:76% !important;
        max-height:26px !important;
    }

    .peka-footer {
        grid-template-columns:1fr !important;

        row-gap:20px !important;

        margin-top:-14px !important;

        padding:43px 22px 19px !important;
    }

    .peka-footer > .footer-column:last-child {
        grid-column:auto !important;
    }

    .peka-footer .footer-column h3 {
        font-size:17px !important;
        margin-bottom:8px !important;
    }

    .peka-footer .footer-column p,
    .peka-footer .footer-menu a,
    .peka-footer .contact-item {
        font-size:12.5px !important;
    }

    .footer-bottom {
        padding:13px 22px 15px !important;
    }

    .footer-bottom p {
        font-size:11px !important;
        line-height:1.45 !important;
    }
}