/*
 * Melasyl Custom Skin - Eggplant Purple + Black + White
 * Generated by AI Assistant
 */

/* =====================
   ROOT VARIABLES
   ===================== */
:root {
    --melasyl-primary: #8B3FCC;      /* 茄子紫主色 */
    --melasyl-primary-dark: #6B2EAA; /* 深茄子紫 */
    --melasyl-primary-light: #A855F7; /* 浅茄子紫 */
    --melasyl-bg: #000000;           /* 纯黑背景 */
    --melasyl-bg-secondary: #0a0a0a; /* 次级黑背景 */
    --melasyl-surface: #111111;      /* 卡片/区块背景 */
    --melasyl-text: #FFFFFF;         /* 白色文字 */
    --melasyl-text-muted: #A1A1AA;   /* 灰色辅助文字 */
    --melasyl-border: #27272A;      /* 深灰边框 */
}

/* =====================
   GLOBAL BODY
   ===================== */
body,
.site {
    background-color: #000000 !important;
    color: #FFFFFF !important;
}

.site-header,
.ast-primary-menu-enabled .main-header-menu,
.ast-primary-menu-enabled .ast-header-break-point .main-header-menu {
    background-color: #000000 !important;
    border-bottom: 1px solid #27272A !important;
}

/* =====================
   NAVIGATION / HEADER
   ===================== */
.ast-site-identity,
.site-title a,
.site-title a:hover,
.ast-primary-menu > li > a,
.ast-primary-menu > li > a:hover,
.ast-primary-menu > li > .menu-link,
.ast-header-break-point .main-menu > .menu-item > a {
    color: #FFFFFF !important;
    background-color: transparent !important;
}

.ast-primary-menu > li > a:hover,
.ast-primary-menu > li > .menu-link:hover,
.ast-primary-menu > .current-menu-item > .menu-link,
.ast-primary-menu > .current-menu-ancestor > .menu-link {
    color: #8B3FCC !important;
}

/* =====================
   HERO / HOMEPAGE
   ===================== */
.ast-separate-container .ast-above-header-section-1,
.ast-separate-container .ast-above-header-section-2,
.ast-separate-container .ast-below-header-section-1,
.ast-separate-container .ast-below-header-section-2 {
    background-color: #0a0a0a !important;
}

.elementor-section-wrap,
.elementor-section {
    background-color: #000000 !important;
}

.elementor-widget-heading .elementor-heading-title {
    color: #FFFFFF !important;
}

.elementor-widget-text-editor,
.elementor-text-editor {
    color: #A1A1AA !important;
}

/* =====================
   BUTTONS
   ===================== */
.ast-outline-button,
.ast-outline-button:hover,
.ast-fill-button,
.ast-fill-button:hover,
.elementor-button,
.elementor-button:hover,
.wp-block-button__link,
.wp-block-button__link:hover,
button,
.button,
input[type="submit"],
input[type="button"] {
    background-color: #8B3FCC !important;
    color: #FFFFFF !important;
    border-color: #8B3FCC !important;
}

.ast-outline-button,
.elementor-button-outline {
    background-color: transparent !important;
    border: 2px solid #8B3FCC !important;
    color: #8B3FCC !important;
}

.ast-outline-button:hover,
.elementor-button-outline:hover {
    background-color: #8B3FCC !important;
    color: #FFFFFF !important;
}

/* =====================
   CARDS / SURFACE
   ===================== */
.ast-separate-container .site-content,
.ast-plain-container.site-content,
.ast-article-post,
.ast-article-single,
.elementor-widget-container,
.wc-block-grid__product,
.woocommerce-page .site-content {
    background-color: #111111 !important;
    border: 1px solid #27272A !important;
    color: #FFFFFF !important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background-color: #111111 !important;
}

/* =====================
   LINKS
   ===================== */
a,
.site-header a,
.site-content a,
.ast-comment-content a,
.logged-in-as a {
    color: #8B3FCC !important;
}

a:hover,
a:focus {
    color: #A855F7 !important;
}

/* =====================
   FOOTER
   ===================== */
.site-footer,
#colophon,
.ast-footer-copyright,
.ast-footer-wordmark {
    background-color: #000000 !important;
    color: #A1A1AA !important;
    border-top: 1px solid #27272A !important;
}

/* =====================
   FORMS / INPUTS
   ===================== */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="date"],
textarea,
select {
    background-color: #111111 !important;
    border: 1px solid #27272A !important;
    color: #FFFFFF !important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: #8B3FCC !important;
    outline: none !important;
}

::placeholder {
    color: #71717A !important;
}

/* =====================
   SCROLLBAR
   ===================== */
::-webkit-scrollbar {
    width: 8px;
    background: #111111;
}

::-webkit-scrollbar-thumb {
    background: #8B3FCC;
    border-radius: 4px;
}

/* =====================
   MOBILE
   ===================== */
@media (max-width: 768px) {
    body,
    .site {
        background-color: #000000 !important;
    }

    .ast-header-break-point .main-header-menu {
        background-color: #0a0a0a !important;
    }
}