/* =========================================================
   LiberoReads Advanced Dashboard System
   Frontend Dashboard Styling
   ========================================================= */

:root {
    --lrads-teal: #164f4d;
    --lrads-teal-dark: #0f3f3d;
    --lrads-coral: #ef5b45;
    --lrads-coral-dark: #d94a36;
    --lrads-rose: #d9918b;
    --lrads-cream: #f4f2ea;
    --lrads-light: #faf9f5;
    --lrads-border: #e6e1d8;
    --lrads-text: #333333;
    --lrads-muted: #777777;
    --lrads-white: #ffffff;
}

/* Main account content area */
body.woocommerce-account .woocommerce-MyAccount-content {
    background: var(--lrads-light) !important;
    padding: 34px !important;
    border: 1px solid var(--lrads-border) !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 40px rgba(22, 79, 77, 0.06) !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

/* Account navigation */
body.woocommerce-account .woocommerce-MyAccount-navigation {
    background: var(--lrads-white) !important;
    border: 1px solid var(--lrads-border) !important;
    border-radius: 16px !important;
    padding: 16px !important;
    box-shadow: 0 12px 30px rgba(22, 79, 77, 0.05) !important;
    box-sizing: border-box !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 13px 16px !important;
    border-radius: 10px !important;
    color: var(--lrads-teal) !important;
    background: var(--lrads-white) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    box-sizing: border-box !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    background: var(--lrads-coral) !important;
    color: var(--lrads-white) !important;
}

/* Dashboard wrapper */
.lrads-my-books-dashboard,
.lrads-my-books-dashboard * {
    box-sizing: border-box !important;
}

.lrads-my-books-dashboard {
    width: 100% !important;
    display: block !important;
    color: var(--lrads-text) !important;
}

/* Heading */
.lrads-dashboard-heading {
    width: 100% !important;
    display: block !important;
    background: var(--lrads-white) !important;
    border: 1px solid var(--lrads-border) !important;
    border-left: 5px solid var(--lrads-coral) !important;
    border-radius: 16px !important;
    padding: 28px 32px !important;
    margin: 0 0 34px 0 !important;
    box-shadow: 0 10px 28px rgba(22, 79, 77, 0.05) !important;
}

.lrads-dashboard-heading h2 {
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    color: var(--lrads-teal) !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.3px !important;
}

.lrads-dashboard-heading p {
    margin: 0 !important;
    padding: 0 !important;
    color: var(--lrads-muted) !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}

/* Books grid */
.lrads-books-grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 300px)) !important;
    gap: 32px !important;
    align-items: start !important;
    justify-content: start !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Book card */
.lrads-book-card {
    width: 100% !important;
    max-width: 300px !important;
    display: flex !important;
    flex-direction: column !important;
    background: var(--lrads-white) !important;
    border: 1px solid var(--lrads-border) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 14px 34px rgba(22, 79, 77, 0.08) !important;
    transition: all 0.25s ease !important;
    margin: 0 !important;
    padding: 0 !important;
}

.lrads-book-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 18px 42px rgba(22, 79, 77, 0.13) !important;
    border-color: rgba(22, 79, 77, 0.28) !important;
}

/* Book image */
.lrads-book-cover {
    width: 100% !important;
    height: 310px !important;
    min-height: 310px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--lrads-cream) !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

.lrads-book-cover-img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    transition: transform 0.35s ease !important;
}

.lrads-book-card:hover .lrads-book-cover-img {
    transform: scale(1.04) !important;
}

.lrads-book-placeholder {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, var(--lrads-cream), #ebe7dc) !important;
    color: var(--lrads-teal) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

/* Book content */
.lrads-book-content {
    width: 100% !important;
    display: block !important;
    padding: 24px 22px 22px 22px !important;
    margin: 0 !important;
    background: var(--lrads-white) !important;
}

.lrads-book-title {
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
    color: var(--lrads-teal) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    word-break: normal !important;
}

/* Meta box */
.lrads-book-meta {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin: 0 0 22px 0 !important;
    padding: 0 !important;
}

.lrads-meta-row {
    width: 100% !important;
    min-height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 12px 14px !important;
    margin: 0 !important;
    background: var(--lrads-light) !important;
    border: 1px solid var(--lrads-border) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.lrads-meta-label {
    display: block !important;
    flex: 0 0 auto !important;
    color: var(--lrads-teal) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.lrads-meta-value {
    display: block !important;
    flex: 1 1 auto !important;
    color: var(--lrads-text) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: right !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: normal !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Price value */
.lrads-price-value {
    color: var(--lrads-teal) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

/* Stock status */
.lrads-in-stock {
    color: #1e7e34 !important;
    font-style: normal !important;
    font-weight: 800 !important;
}

.lrads-out-of-stock {
    color: #d63638 !important;
    font-style: normal !important;
    font-weight: 800 !important;
}

/* Actions */
.lrads-book-actions {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.lrads-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 13px 20px !important;
    margin: 0 !important;
    border-radius: 9px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0.3px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    box-shadow: none !important;
}

.lrads-button-primary {
    background: var(--lrads-coral) !important;
    color: var(--lrads-white) !important;
    border: 1px solid var(--lrads-coral) !important;
}

.lrads-button-primary:hover {
    background: var(--lrads-teal) !important;
    color: var(--lrads-white) !important;
    border-color: var(--lrads-teal) !important;
}

/* Empty states */
.lrads-empty-state,
.lrads-notice {
    width: 100% !important;
    display: block !important;
    background: var(--lrads-white) !important;
    border: 1px solid var(--lrads-border) !important;
    border-left: 5px solid var(--lrads-rose) !important;
    border-radius: 16px !important;
    padding: 30px !important;
    margin: 0 !important;
    box-shadow: 0 10px 28px rgba(22, 79, 77, 0.05) !important;
}

.lrads-empty-state h3 {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    color: var(--lrads-teal) !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}

.lrads-empty-state p,
.lrads-notice {
    color: var(--lrads-muted) !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

/* Remove unwanted theme styling from plugin price/text */
.lrads-my-books-dashboard .amount,
.lrads-my-books-dashboard .woocommerce-Price-amount,
.lrads-my-books-dashboard .woocommerce-Price-currencySymbol,
.lrads-my-books-dashboard bdi,
.lrads-my-books-dashboard span,
.lrads-my-books-dashboard strong,
.lrads-my-books-dashboard em {
    box-shadow: none !important;
}

/* Responsive */
@media (max-width: 1100px) {
    .lrads-books-grid {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
    }

    .lrads-book-card {
        max-width: 100% !important;
    }
}

@media (max-width: 768px) {
    body.woocommerce-account .woocommerce-MyAccount-content {
        padding: 24px !important;
    }

    .lrads-dashboard-heading {
        padding: 24px !important;
        margin-bottom: 28px !important;
    }

    .lrads-dashboard-heading h2 {
        font-size: 26px !important;
    }

    .lrads-books-grid {
        grid-template-columns: 1fr !important;
        gap: 26px !important;
    }

    .lrads-book-cover {
        height: 340px !important;
        min-height: 340px !important;
    }
}

@media (max-width: 480px) {
    body.woocommerce-account .woocommerce-MyAccount-content {
        padding: 18px !important;
    }

    .lrads-dashboard-heading {
        padding: 22px !important;
    }

    .lrads-dashboard-heading h2 {
        font-size: 24px !important;
    }

    .lrads-book-content {
        padding: 22px 18px !important;
    }

    .lrads-meta-row {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 6px !important;
    }

    .lrads-meta-value {
        text-align: left !important;
    }
}