/* =========================================
   HEADER AMJ — PROFESSIONAL FLORAL STYLE
   ========================================= */

.pkp_structure_head {
    position: relative !important;
    background: #fffafc !important;
    border-bottom: 3px solid #d92f82 !important;
    box-shadow: 0 3px 12px rgba(104, 43, 72, 0.08);
}

/* AREA HEADER */
.pkp_site_name_wrapper {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: none !important;
    min-height: 165px !important;

    margin: 0 !important;
    padding: 18px 30px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;

    background-color: #fffafc !important;

    /* Gradasi lembut dan motif floral abstrak */
    background-image:
        radial-gradient(
            ellipse at 7% 18%,
            rgba(217, 47, 130, 0.08) 0%,
            rgba(217, 47, 130, 0.025) 22%,
            transparent 46%
        ),
        radial-gradient(
            ellipse at 94% 82%,
            rgba(217, 47, 130, 0.07) 0%,
            rgba(217, 47, 130, 0.02) 24%,
            transparent 48%
        ),
        linear-gradient(
            115deg,
            #ffffff 0%,
            #fff9fc 50%,
            #fcecf4 100%
        ) !important;
}

/* MOTIF KELOPAK ABSTRAK KIRI */
.pkp_site_name_wrapper::before {
    content: "";
    position: absolute;
    left: -42px;
    bottom: -58px;
    width: 190px;
    height: 190px;
    opacity: 0.55;
    pointer-events: none;

    background:
        radial-gradient(
            ellipse at 50% 20%,
            rgba(217, 47, 130, 0.12) 0 15%,
            transparent 16%
        ),
        radial-gradient(
            ellipse at 20% 50%,
            rgba(217, 47, 130, 0.08) 0 15%,
            transparent 16%
        ),
        radial-gradient(
            ellipse at 80% 50%,
            rgba(217, 47, 130, 0.08) 0 15%,
            transparent 16%
        ),
        radial-gradient(
            ellipse at 50% 80%,
            rgba(217, 47, 130, 0.07) 0 15%,
            transparent 16%
        );

    transform: rotate(-16deg);
}

/* MOTIF KELOPAK ABSTRAK KANAN */
.pkp_site_name_wrapper::after {
    content: "";
    position: absolute;
    right: -35px;
    top: -55px;
    width: 175px;
    height: 175px;
    opacity: 0.42;
    pointer-events: none;

    background:
        radial-gradient(
            ellipse at 50% 20%,
            rgba(217, 47, 130, 0.11) 0 14%,
            transparent 15%
        ),
        radial-gradient(
            ellipse at 20% 50%,
            rgba(217, 47, 130, 0.07) 0 14%,
            transparent 15%
        ),
        radial-gradient(
            ellipse at 80% 50%,
            rgba(217, 47, 130, 0.07) 0 14%,
            transparent 15%
        ),
        radial-gradient(
            ellipse at 50% 80%,
            rgba(217, 47, 130, 0.06) 0 14%,
            transparent 15%
        );

    transform: rotate(18deg);
}

/* CONTAINER LOGO */
.pkp_site_name {
    position: relative;
    z-index: 2;
    display: block !important;
    width: 100% !important;
    max-width: 1450px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.pkp_site_name .is_img {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* GAMBAR AMJ PROPORSIONAL */
.pkp_site_name .is_img img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 185px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* SEMBUNYIKAN JUDUL TEKS BAWAAN */
.pkp_site_name .is_text {
    display: none !important;
}

/* =========================================
   LOGIN / REGISTER
   ========================================= */

.pkp_navigation_user_wrapper {
    background: #fffafc !important;
}

.pkp_navigation_user > li > a,
.pkp_navigation_user a,
.pkp_navigation_user .profile,
.pkp_navigation_user .profile a {
    color: #513743 !important;
    font-weight: 600 !important;
}

.pkp_navigation_user a:hover,
.pkp_navigation_user a:focus {
    color: #d92f82 !important;
}

/* =========================================
   MENU UTAMA
   ========================================= */

.pkp_navigation_primary_wrapper,
.pkp_navigation_primary_row {
    background: #ffffff !important;
    border-top: 1px solid rgba(217, 47, 130, 0.14);
}

.pkp_navigation_primary {
    max-width: 1200px;
    margin: 0 auto !important;
    padding: 0 24px !important;
}

.pkp_navigation_primary > li > a {
    color: #3f3038 !important;
    font-weight: 600 !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    color: #d92f82 !important;
}

/* SEARCH */
.pkp_search,
.pkp_search_desktop {
    color: #3f3038 !important;
}

.pkp_search:hover,
.pkp_search:focus,
.pkp_search_desktop:hover,
.pkp_search_desktop:focus {
    color: #d92f82 !important;
}

/* DROPDOWN */
.pkp_navigation_user ul,
.pkp_navigation_primary ul {
    background: #ffffff !important;
    border: 1px solid #eed6e2 !important;
    box-shadow: 0 6px 18px rgba(88, 42, 63, 0.12);
}

.pkp_navigation_user ul a,
.pkp_navigation_primary ul a {
    color: #3f3038 !important;
}

.pkp_navigation_user ul a:hover,
.pkp_navigation_user ul a:focus,
.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary ul a:focus {
    background: #fff3f8 !important;
    color: #d92f82 !important;
}

/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 768px) {
    .pkp_site_name_wrapper {
        min-height: 120px !important;
        padding: 12px 14px !important;
    }

    .pkp_site_name_wrapper::before {
        width: 115px;
        height: 115px;
        left: -35px;
        bottom: -42px;
    }

    .pkp_site_name_wrapper::after {
        width: 105px;
        height: 105px;
        right: -28px;
        top: -38px;
    }

    .pkp_site_name .is_img img {
        max-height: 110px !important;
    }

    .pkp_navigation_primary {
        padding: 0 12px !important;
    }

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