/* =====================================
   JAST FINAL FIXED VERSION
===================================== */

/* ===== BANNER (RESTORED) ===== */
.pkp_structure_head {
    height: 500px !important;
    background-size: cover !important;
    background-position: center !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;

    position: relative !important;
}

/* ===== HEADER CLEANUP ===== */
.pkp_head_wrapper {
    margin-bottom: 0 !important;
}

.pkp_site_name {
    margin-top: 0 !important;
}

/* ===== LOGO ===== */
.pkp_site_name_wrapper {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-end !important;
    padding-left: 20px !important;
}

/* =====================================
   ADMIN MENU â€” FINAL (WORKING MODEL)
===================================== */

.pkp_navigation_user_wrapper {
    position: fixed !important;
    top: 10px !important;
    right: 20px !important;

    width: auto !important;
    max-width: none !important;

    background: rgba(20, 25, 30, 0.35) !important;
    padding: 4px 10px !important;

    border-radius: 6px !important;

    z-index: 9999 !important;
}

/* critical for correct alignment */
.pkp_navigation_user {
    display: inline-flex !important;
    background: transparent !important;
}

.pkp_navigation_user_wrapper a {
    color: #ffffff !important;
    font-size: 12px !important;
    white-space: nowrap !important;
}

.pkp_navigation_user_wrapper ul {
    background: #2f3a44 !important;
    width: auto !important;
    min-width: 120px !important;
}

/* ===== PAGE OFFSET FIX ===== */
.pkp_structure_page {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ===== LOGO EFFECT ===== */
.pkp_site_name_wrapper img {
    filter: brightness(5) drop-shadow(0px 2px 6px rgba(0,0,0,0.8)) !important;
}

/* =====================================
   SIDEBAR â€” RESTORE NORMAL LINKS
===================================== */

.pkp_block a {
    display: inline !important;
    background: none !important;
    color: inherit !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

/* =====================================
   NAVBAR â€” FINAL FIX (STRONG)
===================================== */

/* ensure nav itself doesn't override */
nav.pkp_navigation_primary {
    padding-left: 0 !important;
}

.pkp_structure_head .pkp_navigation_primary_wrapper {
    padding-left: 18px !important;
}

/* =====================================
   ADMIN MENU â€” HOVER VISIBILITY
===================================== */

/* default: almost invisible */
.pkp_navigation_user_wrapper {
    background: transparent !important;
    opacity: 0.15;
    transition: opacity 0.25s ease, background 0.25s ease;
}

/* on hover: visible */
.pkp_navigation_user_wrapper:hover {
    background: rgba(20, 25, 30, 0.35) !important;
    opacity: 1;
}

/* =====================================
   SIDEBAR â€” STRUCTURE & TYPOGRAPHY
===================================== */

/* horizontal separators between blocks */
.pkp_block {
    border-bottom: 1px solid rgba(0,0,0,0.12);
    padding-bottom: 14px;
    margin-bottom: 18px;
}

/* remove separator from last block */
.pkp_block:last-child {
    border-bottom: none;
}

/* block titles */
.pkp_block .title {
    font-family: var(--f-heading);
    font-size: 14px;
    font-weight: 700;

    color: var(--navy);

    margin-bottom: 8px;

    letter-spacing: 0.05em;
}

/* optional subtle underline under titles */
.pkp_block .title::after {
    content: "";
    display: block;
    width: 30px;
    height: 2px;
    background: var(--gold);
    margin-top: 4px;
}

/* block content (links etc.) */
.pkp_block ul,
.pkp_block li,
.pkp_block a {
    font-family: var(--f-ui);
    font-size: 12px;
    color: var(--muted);
}

/* =====================================
   SIDEBAR â€” SPACING FIX
===================================== */

/* reduce space above each block */
.pkp_block {
    margin-top: 8px !important;
    padding-top: 6px !important;
}

/* tighten title spacing */
.pkp_block .title {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
}

/* =====================================
   NAVBAR â€” ANTHRACITE LINKS
===================================== */

/* main menu links */
.pkp_navigation_primary a {
    color: #cfd6dc !important;
}

/* hover state */
.pkp_navigation_primary a:hover {
    color: rgb(35, 45, 55) !important; /* slightly darker for UX */
}


/* =====================================
   BREADCRUMBS â€” ANTHRACITE
===================================== */

/* breadcrumb links */
.cmp_breadcrumbs a {
    color: rgb(55, 66, 77) !important;
}

/* breadcrumb separators and text */
.cmp_breadcrumbs,
.cmp_breadcrumbs li {
    color: rgb(55, 66, 77) !important;
}

/* hover */
.cmp_breadcrumbs a:hover {
    color: rgb(35, 45, 55) !important;
}


/* =====================================
   DROPDOWN MENU â€” FORCE FULL CONTRAST
===================================== */

/* dropdown items */
.pkp_navigation_primary ul ul a {
    color: rgb(55, 66, 77) !important;
    opacity: 1 !important;              /* ğŸ”¥ fixes faint look */
    font-weight: 500 !important;        /* slight boost for readability */
}

/* ensure parent li doesn't fade */
.pkp_navigation_primary ul ul li {
    opacity: 1 !important;
}

/* hover */
.pkp_navigation_primary ul ul a:hover {
    color: rgb(30, 40, 50) !important;
    background: rgba(0,0,0,0.04) !important;
}

