/* === LEXLUPI COLOR PATCH: START === */
/*
 * LexLupi black/gold palette for the Odrin theme.
 * COLOR-ONLY PATCH: no layout, dimensions, positioning, content, images,
 * JavaScript, WooCommerce behavior or book/page-flip behavior is changed.
 */

:root {
    --ll-black: #080705;
    --ll-black-soft: #0d0b08;
    --ll-panel: #12100b;
    --ll-panel-alt: #19150e;
    --ll-gold: #c6a24a;
    --ll-gold-light: #e1c46f;
    --ll-gold-dark: #7f6122;
    --ll-text: #d9d1c2;
    --ll-heading: #f2e8d4;
    --ll-muted: #a89f90;
    --ll-line: rgba(198, 162, 74, 0.30);
    --ll-line-strong: rgba(198, 162, 74, 0.62);
    --ll-paper: #ffffff;
    --ll-paper-text: #333333;
}

/* Global surfaces and text */
html,
body,
.MAIN-CONTENT,
.fw-page-builder-content,
.fw-main-row,
.site-main,
.main-content {
    background-color: var(--ll-black) !important;
}

body,
p,
li,
dd,
dt,
label,
.description,
.woocommerce form .form-row label,
.woocommerce table.shop_table,
.woocommerce table.shop_attributes,
.woocommerce .woocommerce-product-details__short-description,
.woocommerce .product_meta,
.woocommerce-account .woocommerce-MyAccount-content {
    color: var(--ll-text) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.ElementHeading .element-title,
.SpecialHeading .special-title,
.SpecialHeading .special-title-small,
.box-icon-title,
.book-thumb-title,
.woocommerce div.product .product_title,
.woocommerce-loop-product__title {
    color: var(--ll-heading) !important;
}

small,
.special-subtitle,
.special-subtitle-type-2,
.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb a,
.woocommerce-review__published-date {
    color: var(--ll-muted) !important;
}

a,
a:focus,
.special-link,
.woocommerce a {
    color: var(--ll-gold-light);
}

a:hover,
a:active,
.special-link:hover,
.woocommerce a:hover {
    color: var(--ll-gold) !important;
}

hr,
a.link-border,
.page-links a,
.PostNav,
.ShortcodeBlog .blog-show-more,
.fw-accordion .fw-accordion-content,
.fw-tabs-container .fw-tab-content,
table,
table th,
table td {
    border-color: var(--ll-line) !important;
}

::selection {
    color: var(--ll-black);
    background-color: var(--ll-gold-light);
}

::-moz-selection {
    color: var(--ll-black);
    background-color: var(--ll-gold-light);
}

/* Existing navigation: colors only */
.main-navigation-container,
.main-navigation-menu .sub-menu,
.slicknav_menu,
.slicknav_nav .sub-menu {
    background-color: rgba(8, 7, 5, 0.98) !important;
    border-color: var(--ll-line) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.55) !important;
}

.main-navigation-container {
    border-bottom-color: var(--ll-line) !important;
}

.navigation-logo h1,
.slicknav_menu_logo h1 {
    color: var(--ll-gold-light) !important;
    text-shadow: 0 0 22px rgba(198, 162, 74, 0.18) !important;
}

.main-navigation-menu a,
.slicknav_nav a,
.slicknav_menu .slicknav_menutxt {
    color: var(--ll-text) !important;
}

.main-navigation-menu a i[class^="icon-"],
.main-navigation-menu a:hover,
.main-navigation-menu a:hover i,
.main-navigation-menu .current-menu-item > a,
.main-navigation-menu .current-menu-item > a i,
.slicknav_nav a:hover {
    color: var(--ll-gold-light) !important;
}

.slicknav_nav a:hover {
    background-color: var(--ll-panel-alt) !important;
}

.slicknav_menu .slicknav_icon-bar {
    background-color: var(--ll-gold-light) !important;
}

/* Existing buttons: behavior and geometry remain untouched */
.btn,
.btn-color,
.elementor-button,
.woocommerce #respond input#submit,
.woocommerce #respond input#submit.alt,
.woocommerce a.button,
.woocommerce a.button.alt,
.woocommerce button.button,
.woocommerce button.button.alt,
.woocommerce input.button,
.woocommerce input.button.alt,
button.single_add_to_cart_button,
button.is-page-flip {
    color: var(--ll-gold-light) !important;
    background-color: rgba(8, 7, 5, 0.78) !important;
    border-color: var(--ll-gold) !important;
    box-shadow: inset 0 0 0 1px rgba(198, 162, 74, 0.18), 0 8px 22px rgba(0, 0, 0, 0.22) !important;
}

.btn:hover,
.btn:focus,
.btn-color:hover,
.btn-color:focus,
.elementor-button:hover,
.elementor-button:focus,
.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button:hover,
.woocommerce input.button.alt:hover,
button.single_add_to_cart_button:hover,
button.is-page-flip:hover {
    color: var(--ll-black) !important;
    background-color: var(--ll-gold-light) !important;
    border-color: var(--ll-gold-light) !important;
    box-shadow: 0 10px 30px rgba(198, 162, 74, 0.20) !important;
}

/* Odrin blocks */
.SpecialTextBlock .special-text-block-content,
.ContentElement .c-element-content-wrapper,
.fw-accordion .fw-accordion-title,
.fw-tabs-container .fw-tab-content,
.ErrorPage .error-404-wrapper,
.Excerpt .ExcerptContentWrapper .excerpt-date,
.SimplifiedPosts .simplified-post-meta .simplified-post-date,
.modal-content {
    color: var(--ll-text) !important;
    background-color: var(--ll-panel) !important;
    border-color: var(--ll-line) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22) !important;
}

.fw-accordion .fw-accordion-title.ui-state-active {
    color: var(--ll-black) !important;
    background-color: var(--ll-gold) !important;
}

.BoxIcon .box-icon-header-wrapper i,
.special-first-letter > p:first-of-type:first-letter,
.NumberedList .list-item-number:before,
.UnorderedList .list-item-number:before,
.owl-carousel .owl-dot.active span,
.owl-carousel .owl-dot:hover span,
.BooksPanel .book-panel-price del,
.BooksPanel .book-panel-price > span,
.BooksPanel .book-panel-price > span .woocommerce-Price-currencySymbol {
    color: var(--ll-gold-light) !important;
    border-color: var(--ll-gold) !important;
}

.owl-carousel .owl-dot.active span,
.owl-carousel .owl-dot:hover span {
    background-color: var(--ll-gold) !important;
}

/* Existing cover and page-flip effects are not touched */
.PageFlipBook .page-flip-book-ribbon {
    color: var(--ll-black) !important;
    background-color: var(--ll-gold-light) !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.30) !important;
}

.PageFlipBook .page-flip-book-ribbon:after {
    border-color: var(--ll-gold-dark) transparent transparent transparent !important;
}

.has-edge:after,
.single-has-edge:after {
    border-color: rgba(198, 162, 74, 0.34) !important;
}

/* Forms */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="url"],
select,
textarea,
.select2-container .select2-selection--single,
.select2-dropdown,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    color: var(--ll-heading) !important;
    background-color: var(--ll-panel) !important;
    border-color: var(--ll-line) !important;
    box-shadow: inset 0 0 0 1px var(--ll-line) !important;
}

input::placeholder,
textarea::placeholder,
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--ll-muted) !important;
}

input:focus,
select:focus,
textarea:focus,
.select2-container--focus .select2-selection--single {
    border-color: var(--ll-gold) !important;
    box-shadow: inset 0 0 0 1px var(--ll-gold), 0 0 0 3px rgba(198, 162, 74, 0.10) !important;
}

/* WooCommerce surfaces */
.woocommerce .SingleProductHeader,
.woocommerce .SingleProductInfoBox,
.woocommerce section.products ul.products,
.woocommerce #reviews #comments ol.commentlist li .comment-text,
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation-link a,
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register,
.woocommerce .woocommerce-checkout-review-order-table,
.woocommerce-checkout #payment,
.cart-contents-box {
    color: var(--ll-text) !important;
    background-color: var(--ll-panel) !important;
    border-color: var(--ll-line) !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.30) !important;
}

.woocommerce .single-product-summary,
.woocommerce .single-product-summary p,
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce .woocommerce-Tabs-panel,
.woocommerce table.shop_table th,
.woocommerce table.shop_table td,
.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
    color: var(--ll-text) !important;
    border-color: var(--ll-line) !important;
}

.woocommerce .SingleProductImage .single-product-price,
.SingleProductImage .single-product-price,
.woocommerce .product p.stock {
    color: var(--ll-heading) !important;
    background-color: var(--ll-panel-alt) !important;
    border-color: var(--ll-gold) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.38) !important;
}

.SingleProductImage .single-product-price .price-text,
.SingleProductImage .single-product-price .woocommerce-Price-currencySymbol,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price,
.woocommerce .woocommerce-product-rating .star-rating,
.woocommerce #reviews .star-rating,
.woocommerce p.stars a {
    color: var(--ll-gold-light) !important;
}

.woocommerce span.onsale {
    color: var(--ll-black) !important;
    background-color: var(--ll-gold-light) !important;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation-link a:hover,
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation-link.is-active a {
    color: var(--ll-gold-light) !important;
    border-left-color: var(--ll-gold) !important;
    background-color: var(--ll-panel-alt) !important;
}

.woocommerce table.shop_table tr.order-total th,
.woocommerce table.shop_table tr.order-total td,
.woocommerce table.shop_table tr.cart-subtotal th {
    color: var(--ll-heading) !important;
    background-color: var(--ll-panel-alt) !important;
    border-color: var(--ll-line-strong) !important;
}

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-notice {
    color: var(--ll-text) !important;
    background-color: var(--ll-panel) !important;
    border-color: var(--ll-gold) !important;
}

.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-info:before,
.cart-contents-box,
.cart-contents-box i {
    color: var(--ll-gold-light) !important;
}

/* Footer */
.footer,
.footer.footer-dark,
.footer .overlay-color {
    color: var(--ll-muted) !important;
    background-color: var(--ll-black-soft) !important;
    border-color: var(--ll-line) !important;
    box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.24) !important;
}

.footer a,
.footer .widget-title {
    color: var(--ll-gold-light) !important;
}

/* Full-screen reader: pages remain white; only controls become black/gold */
.book-container .bb-bookblock,
.book-container .bb-content,
.book-container .bb-item,
.book-container .book-content {
    color: var(--ll-paper-text) !important;
    background-color: var(--ll-paper) !important;
}

.book-container .book-content,
.book-container .book-content p,
.book-container .book-content li,
.book-container .book-content blockquote,
.book-container .book-content h1,
.book-container .book-content h2,
.book-container .book-content h3,
.book-container .book-content h4,
.book-container .book-content h5,
.book-container .book-content h6 {
    color: var(--ll-paper-text) !important;
}

.book-container .menu-panel {
    color: var(--ll-text) !important;
    background-color: var(--ll-black-soft) !important;
    border-color: var(--ll-line) !important;
    box-shadow: 12px 0 36px rgba(0, 0, 0, 0.28) !important;
}

.book-container .menu-panel h3,
.book-container .menu-toc li a,
.book-container .menu-panel div a,
.book-container .bb-custom-wrapper nav span,
.book-container .menu-button,
.book-container .bb-nav-close,
.book-container .menu-button i,
.book-container .menu-button .close-icon-color {
    color: var(--ll-gold-light) !important;
}

.book-container .menu-toc li a,
.book-container .menu-toc .menu-toc-current a {
    border-left-color: var(--ll-gold) !important;
}

.book-container .menu-button .close-icon-color:before,
.book-container .menu-button .close-icon-color:after,
.book-container .bb-nav-close .close-icon-color:before,
.book-container .bb-nav-close .close-icon-color:after {
    background-color: var(--ll-gold-light) !important;
}

.book-container .bb-custom-wrapper nav span:hover,
.book-container .menu-button:hover,
.book-container .bb-nav-close:hover,
.book-container .menu-panel div a:hover {
    color: var(--ll-gold) !important;
}

@media only screen and (max-width: 767px) {
    .book-container .bb-custom-wrapper nav {
        background-color: var(--ll-black-soft) !important;
        border-top-color: var(--ll-line) !important;
    }
}
/* === LEXLUPI COLOR PATCH: END === */