/* ==========================================================
   JPTC HEADER PARITY V1 START
   Extracted from verified JP golden stylesheet.
   Source SHA256: 1d05f19c63efb77ba0826c29fae2bfdedbedc5f3e1ecb2a4517e6c4c2609dc90
   ========================================================== */

/* JP golden user-navigation rules */
#navigationUser{
position:absolute;
top:20px;
right:40px;
z-index:10;
}

/* list */

#navigationUser li{
display:inline-block;
margin-left:10px;
}

/* button */

#navigationUser li a{
background:#ffffff;
border:1px solid #dcdcdc;
padding:6px 18px;
border-radius:10px;
font-size:16px;
font-weight:500;
color:#444 !important;
box-shadow:0 2px 5px rgba(0,0,0,0.15);
text-decoration:none;
transition:all .2s;
}

/* hover */
#navigationUser li a:hover{
background: linear-gradient(135deg, #2ea0de , #1a74a5) !important;
color:#ffffff !important;
}


/* JP golden Header V3/V4 + navigation cascade */
/* ===== JURNAL PENELITIAN HEADER V3 ===== */

.jp-header-v3 {
    background: #ffffff;
    margin-bottom: 18px;
}

.jp-header-v3-main {
    background:
        linear-gradient(90deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.88) 42%, rgba(255,255,255,.55) 100%),
        url("pageHeaderLogoImage_en_US.png") right center / cover no-repeat;
    border-bottom: 1px solid #d9e3ee;
}

.jp-header-v3-main-inner {
    display: flex;
    align-items: center;
    gap: 24px;
    min-height: 150px;
    padding: 18px 0;
}

.jp-header-v3-logo {
    flex: 0 0 auto;
}

.jp-header-v3-logo img {
    width: 110px;
    height: auto;
    display: block;
}

.jp-header-v3-info {
    flex: 1;
}

.jp-header-v3-info h1 {
    margin: 0 0 6px;
    font-size: 44px;
    line-height: 1.05;
    font-weight: 700;
    color: #153d66;
    text-transform: uppercase;
}

.jp-header-v3-info h3 {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 600;
    color: #153d66;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.jp-header-v3-info p {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #4a5560;
}

.jp-header-v3-menu-wrap {
    background: #0f3c68;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

.jp-header-v3-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 54px;
}

.jp-header-v3-menu .navbar-nav {
    float: none;
    margin: 0;
}

.jp-header-v3-menu .navbar-nav > li > a {
    color: #ffffff;
    font-weight: 600;
    padding-top: 17px;
    padding-bottom: 17px;
}

.jp-header-v3-menu .navbar-nav > li > a:hover,
.jp-header-v3-menu .navbar-nav > li.open > a,
.jp-header-v3-menu .navbar-nav > li.open > a:hover,
.jp-header-v3-menu .navbar-nav > li.open > a:focus {
    background: transparent;
    color: #ffd24d;
}

.jp-header-v3-menu .dropdown-menu {
    border-radius: 0 0 8px 8px;
}

.jp-header-v3-search {
    flex: 0 0 auto;
    margin-left: 20px;
}

.jp-header-v3-search .btn {
    border: none;
    border-radius: 4px;
    background: transparent;
    color: #ffffff;
    box-shadow: none;
}

.jp-header-v3-search .btn:hover {
    color: #ffd24d;
    background: transparent;
}

@media (max-width: 991px) {
    .jp-header-v3-main-inner {
        flex-direction: column;
        align-items: flex-start;
        min-height: auto;
    }

    .jp-header-v3-info h1 {
        font-size: 34px;
    }

    .jp-header-v3-info h3 {
        font-size: 18px;
    }

    .jp-header-v3-menu {
        display: block;
    }

    .jp-header-v3-search {
        margin: 0 0 12px 0;
    }
}

@media (max-width: 576px) {
    .jp-header-v3-logo img {
        width: 82px;
    }

    .jp-header-v3-info h1 {
        font-size: 26px;
    }

    .jp-header-v3-info h3 {
        font-size: 15px;
    }

    .jp-header-v3-info p {
        font-size: 12px;
    }
}

/* ===============================
   JURNAL PENELITIAN HEADER V4
================================ */

.jp-header-v3-main {

    background-image:
    linear-gradient(
        90deg,
        rgba(255,255,255,0.96) 0%,
        rgba(255,255,255,0.80) 45%,
        rgba(255,255,255,0.20) 100%
    ),
    url("/public/journals/4/jptc-header-background.webp");

    background-size: cover;
    background-position: center;

}


.jp-header-v4-logo img {

    width: 110px;
    height: auto;
    display: block;

}


.jp-header-v3-main-inner {

    min-height: 170px;

}


.jp-header-v3-info h1 {

    color: #12385b;
    font-size: 40px;
    font-weight: 700;

}


.jp-header-v3-info h3 {

    color: #12385b;
    font-size: 20px;

}


.jp-header-v3-info p {

    color: #444;
    font-weight: 600;

}


/* ==================================
   JURNAL PENELITIAN NAVIGATION V1
================================== */


.jp-header-v3-menu-wrap {
    background: #12385b;
    padding: 0;
}


.jp-header-v3-menu {
    background: transparent;
    border: none;
    min-height: 54px;
    display: flex;
    align-items: center;
}


.jp-header-v3-menu .navbar-nav {
    float: none;
    display: flex;
    align-items: center;
    margin: 0;
}


.jp-header-v3-menu .navbar-nav > li {
    float: none;
}


.jp-header-v3-menu .navbar-nav > li > a {

    color: #ffffff;
    background: transparent;

    font-size: 15px;
    font-weight: 600;

    padding: 18px 20px;

    text-transform: none;

}


.jp-header-v3-menu .navbar-nav > li > a:hover,
.jp-header-v3-menu .navbar-nav > li.open > a {

    color: #f4c542;
    background: rgba(255,255,255,.08);

}


.jp-header-v3-menu .dropdown-menu {

    margin-top: 0;
    border-radius: 0;
    border: none;

}


.jp-header-v3-search {

    margin-left: auto;

}


.jp-header-v3-search .btn {

    background: transparent;
    border: none;

    color: white;

    font-size: 15px;

}


.jp-header-v3-search .btn:hover {

    color: #f4c542;

}



/* FIX OJS NAV OVERRIDE */

.jp-header-v3-menu#nav-menu,
#nav-menu.jp-header-v3-menu {

    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;

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

}


.jp-header-v3-menu .navbar-nav {

    display: flex !important;
    flex-wrap: nowrap;

}


.jp-header-v3-menu .navbar-nav > li > a {

    color: #ffffff !important;

}


.jp-header-v3-menu .navbar-nav > li > a:hover {

    color: #f4c542 !important;
    background: rgba(255,255,255,.1) !important;

}


.jp-header-v3-menu .jp-header-v3-search .btn {

    color: #ffffff !important;

}


#jp-main-navigation {

    display:flex;
    align-items:center;
    justify-content:space-between;

    background:transparent;
    max-width:none;
    margin:0;
    padding:0;

}


#jp-main-navigation .navbar-nav {

    display:flex;
    margin:0;
}


#jp-main-navigation .navbar-nav > li > a {

    color:#ffffff !important;

    padding:18px 22px;

    font-size:15px;
    font-weight:600;

}


#jp-main-navigation .navbar-nav > li > a:hover {

    background:rgba(255,255,255,.12);
    color:#ffd24d !important;

}


#jp-main-navigation .dropdown-menu {

    margin-top:0;

}


#jp-main-navigation .jp-header-v3-search .btn {

    color:#ffffff;
    background:transparent;
    border:0;

}



#jp-main-navigation .jp-header-v3-search a,
#jp-main-navigation .jp-header-v3-search .btn,
#jp-main-navigation .jp-header-v3-search .btn i {

    color: #ffffff !important;

}

#jp-main-navigation .jp-header-v3-search .btn:hover {

    color: #ffd24d !important;

}


#jp-main-navigation .jp-header-v3-search a.btn-default,
#jp-main-navigation .jp-header-v3-search a.btn-default i {

    color: #ffffff !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

}


#jp-main-navigation .jp-header-v3-search a.btn-default:hover,
#jp-main-navigation .jp-header-v3-search a.btn-default:hover i {

    color: #ffd24d !important;
    background: transparent !important;

}



.jp-header-v3-search a.btn.btn-default,
.jp-header-v3-search a.btn.btn-default i {
    color: #ffffff !important;
}

.jp-header-v3-search a.btn.btn-default:hover,
.jp-header-v3-search a.btn.btn-default:hover i {
    color: #ffd24d !important;
}


header.jp-header-v3 div.jp-header-v3-search a.btn.btn-default {
    color: white !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

header.jp-header-v3 div.jp-header-v3-search a.btn.btn-default i.fa-search {
    color: white !important;
}

header.jp-header-v3 div.jp-header-v3-search a.btn.btn-default:hover {
    color: #ffd24d !important;
}


.jp-search-link,
.jp-search-link i {
    color: #ffffff !important;
    background: transparent !important;
    text-decoration: none;
    border: none;
    font-weight: 600;
}

.jp-search-link:hover,
.jp-search-link:hover i {
    color: #ffd24d !important;
}

/* JPTC journal-specific font parity */
.jp-header-v3,
.jp-header-v3 a,
.jp-header-v3 .navbar-nav > li > a,
.jp-header-v3 .jp-header-v3-menu a {
    font-family:
        "Inter",
        "Segoe UI",
        Roboto,
        "Helvetica Neue",
        Arial,
        sans-serif !important;
}

.jp-header-v3-menu .navbar-nav > li > a {
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

/* JP HEADER NAV RESPONSIVE FINAL V1 */
@media (max-width: 991px) {

    header.jp-header-v3 #jp-main-navigation {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

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


    header.jp-header-v3
    #jp-main-navigation .navbar-nav {

        display: flex !important;
        flex-wrap: wrap !important;

        float: none !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

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


    header.jp-header-v3
    #jp-main-navigation .navbar-nav > li {

        float: none !important;

        min-width: 0 !important;
        max-width: 100% !important;
    }


    header.jp-header-v3
    #jp-main-navigation .navbar-nav > li > a {

        padding: 14px 16px !important;

        white-space: normal !important;
    }


    header.jp-header-v3
    #jp-main-navigation .jp-header-v3-search {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

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

        flex: none !important;
    }


    header.jp-header-v3
    #jp-main-navigation
    .jp-header-v3-search .jp-search-link {

        display: inline-block !important;

        max-width: 100% !important;

        padding: 10px 16px !important;
    }

}


@media (max-width: 576px) {

    header.jp-header-v3
    #jp-main-navigation .navbar-nav > li > a {

        padding: 12px 10px !important;

        font-size: 14px !important;
    }


    header.jp-header-v3
    #jp-main-navigation
    .jp-header-v3-search .jp-search-link {

        padding: 9px 10px !important;

        font-size: 14px !important;
    }

}

/* JP HEADER NAV RESPONSIVE FINAL V1 END */

/* ==========================================================
   JPTC HEADER PARITY V1 END
   ========================================================== */

/* ==========================================================
   JPTC_HEADER_VISUAL_POLISH_V1 START

   JPTC journal title is substantially longer than the JP
   golden-reference title. Preserve the same visual system
   while adapting typography to the journal name length.
   ========================================================== */

/* Wide desktop */
@media (min-width: 1200px) {

    header.jp-header-v3 .jp-header-v3-info {
        min-width: 0;
    }

    header.jp-header-v3 .jp-header-v3-info h1 {
        font-size: 30px !important;
        line-height: 1.08 !important;
        letter-spacing: -0.015em !important;
        white-space: nowrap !important;
        margin-bottom: 7px !important;
    }

    header.jp-header-v3 .jp-header-v3-info h3 {
        font-size: 18px !important;
        line-height: 1.2 !important;
    }

    header.jp-header-v3 .jp-header-v3-info p {
        font-size: 13px !important;
    }
}

/* Laptop / small desktop */
@media (min-width: 992px) and (max-width: 1199px) {

    header.jp-header-v3 .jp-header-v3-info {
        min-width: 0;
    }

    header.jp-header-v3 .jp-header-v3-info h1 {
        font-size: 27px !important;
        line-height: 1.1 !important;
        letter-spacing: -0.012em !important;
        white-space: normal !important;
        margin-bottom: 7px !important;
    }

    header.jp-header-v3 .jp-header-v3-info h3 {
        font-size: 17px !important;
    }
}

/* Tablet */
@media (max-width: 991px) {

    header.jp-header-v3 .jp-header-v3-info {
        width: 100%;
        min-width: 0;
    }

    header.jp-header-v3 .jp-header-v3-info h1 {
        font-size: 28px !important;
        line-height: 1.12 !important;
        letter-spacing: -0.01em !important;
        white-space: normal !important;
        overflow-wrap: break-word;
    }
}

/* Phone */
@media (max-width: 576px) {

    header.jp-header-v3 .jp-header-v3-info h1 {
        font-size: 23px !important;
        line-height: 1.15 !important;
    }

    header.jp-header-v3 .jp-header-v3-info h3 {
        font-size: 14px !important;
        line-height: 1.25 !important;
    }

    header.jp-header-v3 .jp-header-v3-info p {
        font-size: 12px !important;
    }
}

/* JPTC_HEADER_VISUAL_POLISH_V1 END */

/* ==========================================================
   JPTC_HEADER_USERNAV_POLISH_V1 START

   Restore the native OJS user navigation to normal document
   flow. Legacy JPTC CSS positioned #navigationUser absolutely,
   causing logged-in account controls or Register/Login buttons
   to overlap the journal title.
   ========================================================== */

header.jp-header-v3 .jp-header-user-navigation {
    position: relative !important;
    z-index: 30;
    width: 100%;
    min-height: 42px;
    background: #ffffff;
    border-bottom: 1px solid #e8edf2;
}

header.jp-header-v3 .jp-header-user-navigation .container {
    position: relative;
}

header.jp-header-v3 .jp-header-user-navigation .row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 42px;
    margin-left: 0;
    margin-right: 0;
}

header.jp-header-v3 .jp-header-user-navigation nav.pull-right {
    float: none !important;
    width: auto;
    margin-left: auto;
}

header.jp-header-v3 #navigationUser {
    position: static !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;

    float: none !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;

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

    width: auto !important;
    max-width: 100%;
    z-index: auto !important;
}

header.jp-header-v3 #navigationUser > li {
    float: none !important;
    display: block;
    margin: 0 0 0 8px;
}

header.jp-header-v3 #navigationUser > li:first-child {
    margin-left: 0;
}

/* Keep the user/account controls compact and aligned */
header.jp-header-v3 #navigationUser > li > a {
    display: inline-flex;
    align-items: center;

    min-height: 30px;
    padding: 5px 12px !important;

    font-size: 13px !important;
    line-height: 1.2;

    border-radius: 6px;
    white-space: nowrap;
}

/* Tablet and phone */
@media (max-width: 991px) {

    header.jp-header-v3 .jp-header-user-navigation {
        min-height: 38px;
    }

    header.jp-header-v3 .jp-header-user-navigation .row {
        min-height: 38px;
    }

    header.jp-header-v3 #navigationUser {
        padding: 4px 0 !important;
    }

    header.jp-header-v3 #navigationUser > li > a {
        font-size: 12px !important;
        padding: 5px 10px !important;
    }
}

@media (max-width: 576px) {

    header.jp-header-v3 .jp-header-user-navigation .container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    header.jp-header-v3 #navigationUser {
        justify-content: flex-end;
        width: 100% !important;
    }
}

/* JPTC_HEADER_USERNAV_POLISH_V1 END */

/* ==========================================================
   JPTC_HEADER_MERGED_USERNAV_V1 START

   Design direction change:
   - header full at the top
   - Register/Login visually inside the header
   - no separate top user-navigation strip
   ========================================================== */

/* Header flush to top */
header.jp-header-v3 {
    margin-top: 0 !important;
    padding-top: 0 !important;
    position: relative;
}

/* Make hero the positioning context */
header.jp-header-v3 .jp-header-v3-main {
    position: relative;
}

header.jp-header-v3 .jp-header-v3-main-inner {
    position: relative;
}

/* Visually merge user-nav into hero */
@media (min-width: 992px) {

    header.jp-header-v3 .jp-header-user-navigation {
        position: absolute !important;
        top: 10px !important;
        right: 0 !important;
        left: 0 !important;
        width: 100%;
        min-height: 0 !important;
        background: transparent !important;
        border-bottom: 0 !important;
        z-index: 50;
        pointer-events: none;
    }

    header.jp-header-v3 .jp-header-user-navigation .container {
        position: relative;
    }

    header.jp-header-v3 .jp-header-user-navigation .row {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        min-height: 0 !important;
        margin-left: 0;
        margin-right: 0;
    }

    header.jp-header-v3 .jp-header-user-navigation nav.pull-right {
        float: none !important;
        margin-left: auto;
        width: auto;
        pointer-events: auto;
    }

    header.jp-header-v3 #navigationUser {
        position: static !important;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
        max-width: 100%;
        pointer-events: auto;
    }

    header.jp-header-v3 #navigationUser > li {
        margin: 0 !important;
        float: none !important;
        display: block;
    }

    header.jp-header-v3 #navigationUser > li > a {
        display: inline-flex;
        align-items: center;
        min-height: 34px;
        padding: 7px 16px !important;
        border-radius: 10px;
        white-space: nowrap;
        font-size: 14px !important;
        font-weight: 600 !important;
        box-shadow: 0 1px 4px rgba(0,0,0,0.08);
        pointer-events: auto;
    }

    /* Reserve space so title and buttons do not collide */
    header.jp-header-v3 .jp-header-v3-main-inner {
        padding-top: 34px !important;
    }

    header.jp-header-v3 .jp-header-v3-info {
        padding-right: 220px !important;
    }

    header.jp-header-v3 .jp-header-v3-info h1 {
        font-size: 28px !important;
        line-height: 1.08 !important;
        white-space: nowrap !important;
        letter-spacing: -0.015em !important;
    }
}

/* Tablet and below: keep buttons inside header but avoid overlap */
@media (max-width: 991px) {

    header.jp-header-v3 .jp-header-user-navigation {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        background: transparent !important;
        border-bottom: 0 !important;
        min-height: 0 !important;
        padding-top: 8px;
        padding-bottom: 2px;
    }

    header.jp-header-v3 .jp-header-user-navigation .row {
        justify-content: flex-end;
        min-height: 0 !important;
    }

    header.jp-header-v3 #navigationUser {
        justify-content: flex-end;
        width: auto !important;
    }

    header.jp-header-v3 .jp-header-v3-main-inner {
        padding-top: 8px !important;
    }

    header.jp-header-v3 .jp-header-v3-info {
        padding-right: 0 !important;
    }
}

/* JPTC_HEADER_MERGED_USERNAV_V1 END */

/* ==========================================================
   JPTC_DYNAMIC_HEADER_ASSETS_CSS_V1 START

   pageHeaderLogoImage = JPTC logo
   homepageImage       = JPTC header image

   Inline background from template wins when homepageImage
   exists. This rule remains as fallback.
   ========================================================== */

header.jp-header-v3 .jp-header-v3-main {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

header.jp-header-v3 .jp-header-v4-logo img {
    display: block;
    width: 110px;
    max-width: 110px;
    height: auto;
    object-fit: contain;
}

/* JPTC_DYNAMIC_HEADER_ASSETS_CSS_V1 END */

/* ==========================================================
   JPTC_TABLET_HEADER_POLISH_V1 START

   Tablet only: 577px - 991px

   Goals:
   - user/account navigation stays inside hero
   - logo + journal identity use horizontal composition
   - navbar stays on one row
   - no changes to >= 992px desktop
   - no changes yet to <= 576px mobile
   ========================================================== */

@media (min-width: 577px) and (max-width: 991px) {

    /* ------------------------------------------------------
       HEADER / ACCOUNT
       ------------------------------------------------------ */

    header.jp-header-v3 {
        position: relative !important;
    }

    header.jp-header-v3 .jp-header-user-navigation {
        position: absolute !important;
        top: 8px !important;
        left: 0 !important;
        right: 0 !important;

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

        padding: 0 !important;

        background: transparent !important;
        border: 0 !important;

        z-index: 100;
        pointer-events: none;
    }

    header.jp-header-v3
    .jp-header-user-navigation .container {
        width: 100%;
        position: relative;
    }

    header.jp-header-v3
    .jp-header-user-navigation .row {
        display: flex !important;
        align-items: center;
        justify-content: flex-end;

        min-height: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    header.jp-header-v3
    .jp-header-user-navigation nav.pull-right {
        float: none !important;
        width: auto !important;
        margin-left: auto !important;
        pointer-events: auto;
    }

    header.jp-header-v3 #navigationUser {
        position: static !important;

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

        width: auto !important;

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

        pointer-events: auto;
    }

    header.jp-header-v3 #navigationUser > li {
        float: none !important;
        margin: 0 0 0 6px !important;
    }

    header.jp-header-v3 #navigationUser > li > a {
        min-height: 30px;

        padding: 5px 10px !important;

        font-size: 12px !important;
        line-height: 1.2;

        white-space: nowrap;
    }


    /* ------------------------------------------------------
       HERO CONTENT
       ------------------------------------------------------ */

    header.jp-header-v3 .jp-header-v3-main-inner {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;

        gap: 18px;

        min-height: 185px;

        padding-top: 38px !important;
        padding-bottom: 20px !important;
    }

    header.jp-header-v3 .jp-header-v4-logo {
        flex: 0 0 92px !important;

        width: 92px !important;
        max-width: 92px !important;

        margin: 0 !important;
    }

    header.jp-header-v3 .jp-header-v4-logo img {
        display: block;

        width: 92px !important;
        max-width: 92px !important;
        height: auto !important;

        margin: 0 !important;
    }

    header.jp-header-v3 .jp-header-v3-info {
        flex: 1 1 auto;

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

        padding-right: 0 !important;
        margin: 0 !important;
    }

    header.jp-header-v3 .jp-header-v3-info h1 {
        margin-top: 0 !important;
        margin-bottom: 6px !important;

        font-size: 24px !important;
        line-height: 1.08 !important;
        letter-spacing: -0.012em !important;

        white-space: normal !important;
        overflow-wrap: normal !important;
    }

    header.jp-header-v3 .jp-header-v3-info h3 {
        margin-top: 0 !important;
        margin-bottom: 5px !important;

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

    header.jp-header-v3 .jp-header-v3-info p {
        margin: 0 !important;

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


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

    header.jp-header-v3 .jp-header-v3-menu-wrap {
        width: 100%;
    }

    header.jp-header-v3
    .jp-header-v3-menu-wrap > .container {
        width: 100%;
    }

    header.jp-header-v3 #jp-main-navigation {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        flex-wrap: nowrap !important;

        width: 100%;

        min-height: 54px;
    }

    header.jp-header-v3 #jp-main-navigation > ul {
        float: none !important;

        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        flex-wrap: nowrap !important;

        width: auto !important;

        margin: 0 !important;
    }

    header.jp-header-v3 #jp-main-navigation > ul > li {
        float: none !important;
        display: block !important;
    }

    header.jp-header-v3
    #jp-main-navigation > ul > li > a {
        padding: 17px 12px !important;

        font-size: 13px !important;
        line-height: 20px !important;

        white-space: nowrap;
    }

    header.jp-header-v3 .jp-header-v3-search {
        display: flex !important;
        align-items: center;

        flex: 0 0 auto;

        width: auto !important;

        margin: 0 0 0 auto !important;
        padding: 0 !important;
    }

    header.jp-header-v3 .jp-search-link {
        display: inline-flex !important;
        align-items: center;

        padding: 17px 12px !important;

        font-size: 13px !important;
        line-height: 20px !important;

        white-space: nowrap;
    }
}

/* JPTC_TABLET_HEADER_POLISH_V1 END */