/*
 * Dashboard Theme: Cosmic Night Sky (v2 - Aggressive Override)
 */

/* Main dashboard background */
body.woocommerce-account .woocommerce-MyAccount-content {
    background: linear-gradient(135deg, #101a3a 0%, #3c2e5a 100%) !important;
    color: #dcdde1 !important;
    border-radius: 8px;
    padding: 30px !important;
    box-sizing: border-box;
    margin: 10px 0 !important; /* Vertical margin only */
}

/* Target the specific paragraphs, overriding the theme's rule */
body.woocommerce-account .woocommerce-MyAccount-content > p:not(.woocommerce-info) {
    color: #dcdde1 !important;
    background-color: transparent !important; /* Explicitly remove any background color */
    padding: 0 !important; /* Reset the theme's padding so it doesn't look weird */
    margin-bottom: 1em !important; /* Add back some margin for spacing */
}
body.woocommerce-account .woocommerce-MyAccount-content > p:not(.woocommerce-info) a {
    color: #f6e58d !important;
    text-decoration: underline !important;
}
body.woocommerce-account .woocommerce-MyAccount-content p a:hover {
    color: #fff !important;
}

/* Target H2 headings as well */
body.woocommerce-account .woocommerce-MyAccount-content h2 {
    color: #f6e58d !important;
    text-shadow: 0 0 5px rgba(246, 229, 141, 0.5);
}

/* Card styling */
.dashboard-grid .card {
    background-color: rgba(23, 35, 68, 0.6);
    border: 1px solid rgba(246, 229, 141, 0.4);
    box-shadow: 0 0 15px rgba(116, 185, 255, 0.3), 0 4px 10px rgba(0,0,0,0.2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Card header */
.dashboard-grid .card .card__header h3 {
    color: #f6e58d;
    text-shadow: 0 0 5px rgba(246, 229, 141, 0.5);
}

.dashboard-grid .card .card__meta {
    color: #b2bec3;
}

/* Card footer and buttons */
.dashboard-grid .card .card__footer {
    border-top-color: rgba(246, 229, 141, 0.2);
}

/* --- BUTTON FIX --- */
body.woocommerce-account .woocommerce-MyAccount-content .button {
    background-color: #f6e58d !important;
    color: #1e272e !important; /* Darker, high-contrast color for text */
    border: none !important;
    border-radius: 5px !important;
    font-weight: bold !important;
    transition: all 0.3s ease;
}

body.woocommerce-account .woocommerce-MyAccount-content .button:hover {
    background-color: #fff !important;
    color: #3c2e5a !important;
    box-shadow: 0 0 10px rgba(246, 229, 141, 0.7);
}

/* Table styling on dark background */
body.woocommerce-account .dashboard-grid .card .dashboard-table th {
    background-color: rgba(246, 229, 141, 0.1);
    color: #f6e58d;
}

body.woocommerce-account .dashboard-grid .card .dashboard-table td {
    color: #dcdde1;
}

body.woocommerce-account .dashboard-grid .card .dashboard-table,
body.woocommerce-account .dashboard-grid .card .dashboard-table th,
body.woocommerce-account .dashboard-grid .card .dashboard-table td,
body.woocommerce-account .dashboard-grid .card .pending-row {
    border-color: rgba(246, 229, 141, 0.2);
}

body.woocommerce-account .dashboard-grid .card .dashboard-table a {
    color: #81ecec;
    font-weight: bold;
}
body.woocommerce-account .dashboard-grid .card .dashboard-table a:hover {
    color: #fff;
}

/* Status badge */
.status-badge.in-progress {
    background-color: rgba(255, 251, 230, 0.8);
    color: #c47d00;
    font-weight: bold;
}

/* ===================================================================
   My Account - Birth Data Form Styles (v2 - High Specificity)
   ================================================================= */

/* Style form labels */
body.woocommerce-account .astrasolara-birth-data-form label {
    color: #82aaff; /* Celestial Blue */
    font-weight: bold;
    margin-bottom: 0px;
    display: inline-block;
}

/* Style form inputs, textareas, and selects */
body.woocommerce-account .astrasolara-birth-data-form .input-text,
body.woocommerce-account .astrasolara-birth-data-form .select,
body.woocommerce-account .astrasolara-birth-data-form textarea {
    background-color: rgba(10, 20, 40, 0.8) !important;
    color: #dcdde1 !important;
    border: 1px solid rgba(246, 229, 141, 0.4) !important;
    border-radius: 5px !important;
    padding: 10px !important;
    width: 100%;
    box-sizing: border-box;
}

/* Style for focused inputs */
body.woocommerce-account .astrasolara-birth-data-form .input-text:focus,
body.woocommerce-account .astrasolara-birth-data-form .select:focus,
body.woocommerce-account .astrasolara-birth-data-form textarea:focus {
    outline: none !important;
    border-color: #f6e58d !important;
    box-shadow: 0 0 10px rgba(246, 229, 141, 0.5);
}

/* Style for the select dropdown arrow */
body.woocommerce-account .astrasolara-birth-data-form .select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23F6E58D%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: right 15px top 50%;
    background-size: .65em auto;
}

body.woocommerce-account .astrasolara-birth-data-form .checkbox span {
    color: #4169E1 !important; /* Royal Blue */
}

/* Force the container of checkboxes to have a transparent background */
body.woocommerce-account .astrasolara-birth-data-form p.form-row:has(input.input-checkbox) {
    background-color: transparent !important;
}

/* Force all form rows to have a transparent background and reduce margin */
body.woocommerce-account .astrasolara-birth-data-form .form-row {
    background-color: transparent !important;
    margin-bottom: 0px !important;
}

/* Hide the duplicate My Account title */
.woocommerce-MyAccount-title.entry-title {
    display: none !important;
}