/*
Author: d3lboy
Url: https://github.com/PnRSolutions/bookerei-public
Description: Fresh Lime - A vibrant, energetic theme with fresh greens transitioning to bright yellows, inspired by nature and citrus
*/

body[data-theme="Fresh Lime"] {
    /* GENERAL */
    --app-bg-primary: #0a1f0f;
    background: #0a1f0f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cdefs%3E%3ClinearGradient id='nature-gradient' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%230a1f0f;stop-opacity:1' /%3E%3Cstop offset='25%25' style='stop-color:%230d2814;stop-opacity:1' /%3E%3Cstop offset='50%25' style='stop-color:%23102d18;stop-opacity:1' /%3E%3Cstop offset='75%25' style='stop-color:%230d2814;stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:%230a1f0f;stop-opacity:1' /%3E%3C/linearGradient%3E%3CradialGradient id='green-glow' cx='25%25' cy='35%25' r='50%25'%3E%3Cstop offset='0%25' style='stop-color:%23007f5f;stop-opacity:0.18' /%3E%3Cstop offset='50%25' style='stop-color:%232b9348;stop-opacity:0.1' /%3E%3Cstop offset='100%25' style='stop-color:%23007f5f;stop-opacity:0' /%3E%3C/radialGradient%3E%3CradialGradient id='lime-glow' cx='75%25' cy='65%25' r='55%25'%3E%3Cstop offset='0%25' style='stop-color:%2380b918;stop-opacity:0.15' /%3E%3Cstop offset='50%25' style='stop-color:%2355a630;stop-opacity:0.08' /%3E%3Cstop offset='100%25' style='stop-color:%2380b918;stop-opacity:0' /%3E%3C/radialGradient%3E%3CradialGradient id='yellow-glow' cx='50%25' cy='50%25' r='45%25'%3E%3Cstop offset='0%25' style='stop-color:%23eeef20;stop-opacity:0.1' /%3E%3Cstop offset='50%25' style='stop-color:%23d4d700;stop-opacity:0.05' /%3E%3Cstop offset='100%25' style='stop-color:%23eeef20;stop-opacity:0' /%3E%3C/radialGradient%3E%3Cpattern id='leaves' width='200' height='200' patternUnits='userSpaceOnUse'%3E%3Cellipse cx='50' cy='40' rx='15' ry='8' fill='%23007f5f' opacity='0.12' transform='rotate(25 50 40)'/%3E%3Cellipse cx='52' cy='38' rx='13' ry='7' fill='%232b9348' opacity='0.1' transform='rotate(25 52 38)'/%3E%3Cpath d='M50,30 Q52,35 50,40 Q48,35 50,30' fill='%2355a630' opacity='0.08'/%3E%3Cellipse cx='150' cy='140' rx='16' ry='9' fill='%2380b918' opacity='0.11' transform='rotate(-20 150 140)'/%3E%3Cellipse cx='148' cy='138' rx='14' ry='7' fill='%23aacc00' opacity='0.09' transform='rotate(-20 148 138)'/%3E%3Cpath d='M150,130 Q152,135 150,140 Q148,135 150,130' fill='%23bfd200' opacity='0.07'/%3E%3Cellipse cx='90' cy='170' rx='14' ry='8' fill='%2355a630' opacity='0.1' transform='rotate(40 90 170)'/%3E%3Cellipse cx='180' cy='60' rx='15' ry='8' fill='%23d4d700' opacity='0.09' transform='rotate(-35 180 60)'/%3E%3C/pattern%3E%3Cpattern id='grass-blades' width='100' height='150' patternUnits='userSpaceOnUse'%3E%3Cpath d='M20,150 Q22,120 20,100' stroke='%23007f5f' stroke-width='1.5' fill='none' opacity='0.15'/%3E%3Cpath d='M25,150 Q27,125 28,105' stroke='%232b9348' stroke-width='1.3' fill='none' opacity='0.12'/%3E%3Cpath d='M30,150 Q33,120 35,100' stroke='%2355a630' stroke-width='1.4' fill='none' opacity='0.13'/%3E%3Cpath d='M70,150 Q68,125 65,105' stroke='%2380b918' stroke-width='1.3' fill='none' opacity='0.11'/%3E%3Cpath d='M75,150 Q72,120 70,100' stroke='%23aacc00' stroke-width='1.4' fill='none' opacity='0.12'/%3E%3Cpath d='M80,150 Q78,125 75,105' stroke='%23bfd200' stroke-width='1.2' fill='none' opacity='0.1'/%3E%3C/pattern%3E%3Cpattern id='energy-dots' width='80' height='80' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='15' cy='20' r='2.5' fill='%23aacc00' opacity='0.3'/%3E%3Ccircle cx='55' cy='45' r='2' fill='%23eeef20' opacity='0.35'/%3E%3Ccircle cx='25' cy='65' r='2.2' fill='%23d4d700' opacity='0.28'/%3E%3Ccircle cx='65' cy='25' r='1.8' fill='%23ffff3f' opacity='0.32'/%3E%3Ccircle cx='40' cy='55' r='1.5' fill='%2380b918' opacity='0.25'/%3E%3Ccircle cx='70' cy='70' r='1.9' fill='%23bfd200' opacity='0.3'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23nature-gradient)'/%3E%3Crect width='100%25' height='100%25' fill='url(%23green-glow)'/%3E%3Crect width='100%25' height='100%25' fill='url(%23lime-glow)'/%3E%3Crect width='100%25' height='100%25' fill='url(%23yellow-glow)'/%3E%3Crect width='100%25' height='100%25' fill='url(%23leaves)'/%3E%3Crect width='100%25' height='100%25' fill='url(%23grass-blades)'/%3E%3Crect width='100%25' height='100%25' fill='url(%23energy-dots)'/%3E%3C/svg%3E") no-repeat center center fixed !important;
    background-size: cover !important;
    --app-bg-secondary: rgba(10, 31, 15, 0.96); /* Dialog, Offcanvas background*/
    --app-bg-tertiary: rgba(43, 147, 72, 0.15); /* Hover background, text group icon background */

    --app-text-color-primary: #f0ffe0; /*Readable on bg-primary - fresh white*/
    --app-text-color-primary-muted: rgba(240, 255, 224, 0.75); /*Readable on bg-primary, used for labels, descriptions, etc.*/
    --app-text-color-secondary: #e8ffe0; /*Readable on bg-secondary - mint white*/
    --app-text-color-tertiary: #eeef20; /*Readable on bg-tertiary - bright yellow*/

    --app-highlight-color: #80b918; /* Highlight color - lime green, used for buttons and links*/
    --app-highlight-color-secondary: rgba(128, 185, 24, 0.3); /* Highlight color, used for selected item*/

    --app-link-color: #aacc00; /* Link color - chartreuse*/
    --app-link-hover-color: #eeef20; /* Link hover color - bright lemon*/

    /* BUTTONS */
    /* Primary button should be visible on the primary background. */
    --app-button-primary-background: linear-gradient(135deg, #007f5f 0%, #55a630 100%);
    --app-button-primary-background-hover: linear-gradient(135deg, #80b918 0%, #eeef20 100%);
    --app-button-primary-text-color: #ffffff;
    --app-button-primary-text-hover: #0a1f0f;

    /* Secondary button should be visible on the secondary background. */
    --app-button-secondary-background: rgba(128, 185, 24, 0.2);
    --app-button-secondary-background-hover: rgba(170, 204, 0, 0.35);
    --app-button-secondary-text-color: #80b918;
    --app-button-secondary-text-hover: #aacc00;

    /* SIDEBAR - navigation panel on the left side*/
    --app-sidebar-background: linear-gradient(180deg, rgba(10, 31, 15, 0.95) 0%, rgba(13, 40, 20, 0.95) 50%, rgba(10, 31, 15, 0.95) 100%);
    --app-sidebar-width: 5rem;
    --app-sidebar-border: 1px solid rgba(43, 147, 72, 0.35);
    --app-sidebar-shadow: 0 0 30px rgba(128, 185, 24, 0.25), inset 0 0 25px rgba(85, 166, 48, 0.1);
    --app-sidebar-menu-item-color: rgba(170, 204, 0, 0.85);
    --app-sidebar-menu-item-hover-background: rgba(128, 185, 24, 0.2);
    --app-sidebar-menu-item-hover-color: #bfd200;
    --app-sidebar-menu-item-active-color: #eeef20;
    --app-sidebar-menu-item-active-border-color: #80b918;
    --app-sidebar-menu-item-active-background: linear-gradient(135deg, rgba(43, 147, 72, 0.3) 0%, rgba(128, 185, 24, 0.3) 100%);

    /* TOP BAR - top panel with search box*/
    --app-topbar-background: linear-gradient(90deg, rgba(10, 31, 15, 0.92) 0%, rgba(13, 40, 20, 0.92) 50%, rgba(10, 31, 15, 0.92) 100%);
    --app-topbar-shadow: 0 5px 25px rgba(128, 185, 24, 0.2), 0 0 40px rgba(43, 147, 72, 0.15);
    --app-topbar-border: 1px solid rgba(85, 166, 48, 0.3);
    --app-topbar-margin-start: 5rem;

    /* SEARCH BOX / autocomplete textbox at the top*/
    --app-search-input-background-color: rgba(13, 40, 20, 0.8);
    --app-search-input-text-color: #f0ffe0;
    --app-search-input-placeholder-color: rgba(170, 204, 0, 0.65);
    --app-search-input-border: 1px solid rgba(128, 185, 24, 0.4);
    --app-search-input-focus-border: 2px solid rgba(128, 185, 24, 0.8);
    --app-search-input-focus-boxshadow: 0 0 20px rgba(170, 204, 0, 0.4), inset 0 0 12px rgba(238, 239, 32, 0.15);
    --app-search-results-border-bottom: 2px solid rgba(85, 166, 48, 0.4);
    --app-search-results-item-background-color: rgba(10, 31, 15, 0.97);
    --app-search-results-item-text-color: #f0ffe0;
    --app-search-results-item-hover-text-color: #eeef20;
    --app-search-results-item-active-text-color: #ffffff;
    --app-search-results-item-hover-background-color: rgba(128, 185, 24, 0.25);

    /* FRONT CARD */
    --app-frontcard-title-background: linear-gradient(135deg, rgba(0, 127, 95, 0.2) 0%, rgba(128, 185, 24, 0.2) 100%);
    --app-frontcard-title-text-color: #bfd200;
    --app-frontcard-text-color: #f0ffe0;
    --app-carousel-next-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2380b918'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --app-carousel-prev-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2380b918'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");

    /* TABS - book details page*/
    --app-tab-text-color: #aacc00;
    --app-tab-active-text-color: #eeef20;

    /* TOOLBAR - top position on page book search results*/
    --app-toolbar-button-bg: rgba(43, 147, 72, 0.15);
    --app-toolbar-button-text-color: #bfd200;
    --app-toolbar-button-hover-bg: rgba(128, 185, 24, 0.25);
    --app-toolbar-button-disabled-text-color: rgba(170, 204, 0, 0.4);
    --app-toolbar-button-active-bg: linear-gradient(135deg, rgba(128, 185, 24, 0.4) 0%, rgba(170, 204, 0, 0.4) 100%);
    --app-toolbar-button-active-text-color: #eeef20;

    /* BOOK SEARCH RESULTS */
    --app-bookresult-list-odditem-background: rgba(43, 147, 72, 0.1);
    --app-bookresult-list-odditem-hover-background: rgba(128, 185, 24, 0.2);
    --app-bookresult-list-title-text-color: #d4d700;
    --app-bookresult-list-author-text-color: #e8ffe0;
    --app-bookresult-list-date-text-color: rgba(170, 204, 0, 0.9);

    /* BOOK DETAILS */
    --app-bookdetails-background: rgba(13, 40, 20, 0.75);
    --app-bookdetails-title-text-color: #eeef20;
    --app-bookdetails-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.4), 0 0 30px rgba(128, 185, 24, 0.3);
    --app-bookdetails-border-radius: 0.75rem;
    --app-bookdetails-label-background-color: rgba(43, 147, 72, 0.25);
    --app-bookdetails-label-text-color: #bfd200;

    .badge {
        background: linear-gradient(135deg, rgba(43, 147, 72, 0.45) 0%, rgba(170, 204, 0, 0.45) 100%) !important;
        color: #eeef20 !important;
        border: 1px solid rgba(191, 210, 0, 0.5) !important;
        box-shadow: 0 0 15px rgba(170, 204, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.3);
        font-weight: 600;
        text-shadow: 0 0 8px rgba(238, 239, 32, 0.5);
    }

    .list-group-item-action:hover {
        color: #eeef20 !important;
    }
}

html[dir="rtl"] body[data-theme="Fresh Lime"] {
    --app-topbar-background: linear-gradient(270deg, rgba(10, 31, 15, 0.92) 0%, rgba(13, 40, 20, 0.92) 50%, rgba(10, 31, 15, 0.92) 100%);
}