/* HOLOGRAM · PREMIUM MY ACCOUNT DASHBOARD */

/* Hide Woo legacy UI */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content > .greeting,
.woocommerce-account .woocommerce-MyAccount-content > p {
    display: none !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
    max-width: 100%;
}

/* Base */
.holo-dashboard { margin-top: 24px; }

/* Header */
.holo-header {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    padding: 28px 32px;
    margin-bottom: 36px;
    background: rgba(255,255,255,.65);
    backdrop-filter: blur(14px);
    border-radius: 20px;
    border: 1px solid rgba(0,0,0,.06);
}

.holo-header h2 { margin: 0; font-size: 26px; font-weight: 600; }
.holo-header p { margin-top: 6px; font-size: 14px; opacity: .65; }

/* Actions */
.holo-actions { display: flex; gap: 12px; }
.holo-actions a {
    padding: 10px 16px;
    border-radius: 12px;
    background: rgba(0,0,0,.05);
    text-decoration: none;
    font-size: 14px;
}
.holo-actions .logout { background: rgba(176,0,32,.1); color: #b00020; }

/* Cards */
.holo-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 26px;
}

.holo-card {
    padding: 26px;
    border-radius: 22px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.06);
}

.holo-card.highlight {
    background: linear-gradient(135deg, #0b0b0b, #1a1a1a);
    color: #fff;
    border: none;
}

.holo-card .btn {
    display: inline-block;
    margin-top: 14px;
    padding: 10px 18px;
    border-radius: 12px;
    background: #000;
    color: #fff;
    text-decoration: none;
}

.holo-card.highlight .btn {
    background: #fff;
    color: #000;
}

/* Support */
.holo-support {
    margin-top: 56px;
    padding: 40px;
    border-radius: 26px;
    text-align: center;
    background: linear-gradient(135deg, #000, #111);
    color: #fff;
}

.holo-support .whatsapp {
    display: inline-block;
    margin-top: 18px;
    padding: 14px 24px;
    border-radius: 14px;
    background: #25D366;
    color: #000;
    font-weight: 600;
    text-decoration: none;
}

/* Mobile */
@media (max-width: 768px) {
    .holo-header { flex-direction: column; }
    .holo-actions { width: 100%; flex-wrap: wrap; }
    .holo-actions a { flex: 1; text-align: center; }
}