/**
 * Global site styles (module site.styles). Ported from Fluent Snippets
 * 2 "Glossary of Definitions", 34 "Fluent Forms Styles", 38 "Fluent Forms
 * Repeater Container Buttons" and 40 "Table not card view/default mobile
 * styles", plus the MyIES Lighting Library shortcode's dashboard card
 * styles, all printed inline in wp_head on every page. Enqueued
 * front-end wide, as the snippets were. Commented-out rules pruned.
 */

/* ---- Snippet 2: Glossary of Definitions page (CM Tooltip Glossary Ecommerce) ---- */

.cm-glossary.grid .glossary-container ul.glossaryList li {
    margin-top: 4px;
    margin-bottom: 4px;
}

.cmtt_related_linked_terms_wrapper {
    padding: 0 20px !important;
    max-width: 960px !important;
    margin: 0 auto 48px !important;
}

/* ---- Snippet 34: Fluent Forms global styles ---- */

/* Select the Prev and Next buttons within any Fluent Form */
.frm-fluent-form .ff-btn-prev,
.frm-fluent-form .ff-btn-next {
    background-color: #ffffff !important;
    color: #ff9500 !important;
    border-radius: 5px;
    padding: 10px 20px;
    transition: all 0.3s ease;
    border: 1px solid #f99c19 !important;
}

/* Hover effect for both */
.frm-fluent-form .ff-btn-prev:hover,
.frm-fluent-form .ff-btn-next:hover {
    opacity: 0.8;
    transform: translateY(-1px);
    background-color: #f99c19 !important;
    color: #ffffff !important;
}

/* ---- Snippet 38: show the repeater container's + and - buttons ---- */

.ff-repeater-container .ff_repeater_cell.repeat_btn {
    flex-basis: initial !important;
}

.ff-repeater-container .repeat-minus {
    visibility: initial !important;
}

.repeat-minus svg,
.repeat-plus svg {
    width: 25px;
    height: 25px;
}

/* ---- Snippet 40: tables opting out of the wicket-members.css mobile card view ---- */

@media screen and (max-width: 767px) {
    table.not-mobile-card-view {
        display: table;
        border-spacing: 2px;
        border-color: gray;
    }

    table.not-mobile-card-view thead {
        display: table-header-group;
        vertical-align: middle;
        border-color: inherit;
    }

    table.not-mobile-card-view tbody {
        display: table-row-group;
        vertical-align: middle;
        border-color: inherit;
    }

    table.not-mobile-card-view th {
        display: table-cell;
        vertical-align: inherit;
        font-weight: bold;
        text-align: center;
    }

    table.not-mobile-card-view td {
        display: table-cell;
        vertical-align: inherit;
        position: initial;
        padding: 12px 15px;
        border: 1px solid #ddd;
    }

    table.not-mobile-card-view tr {
        display: table-row;
        vertical-align: inherit;
        border-color: inherit;
        margin-bottom: initial;
    }

    table.not-mobile-card-view thead tr {
        position: initial;
    }
}

/* ---- MyIES dashboard cards: <style id="myies-product-grid-styles"> ---- */
/* The Lighting Library shortcode printed this in wp_head on every page. The
   dashboard's membership cards, the SureCart shortcodes and Bricks-built cards
   all share these classes, so it stays front-end wide. */

/* Active status badge - green */
.grid-subs .active-status-sub .icon i { color: #10b981; }
.grid-subs .active-status-sub .text { color: #059669; }

/* Expired/inactive status badge - gray */
.grid-subs .expired-status-sub .icon i { color: #9ca3af; }
.grid-subs .expired-status-sub .text { color: #6b7280; }

/* 2-column product grid */
.grid-subs--2col {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
}
.grid-subs--2col .ins-grid-desc {
    width: 100%;
}

/* Renew / Rejoin / Join button */
.grid-subs .change-org-btn {
    background-color: #f28c00 !important;
    color: #fff !important;
    border-radius: 4px !important;
    text-decoration: none !important;
}
.grid-subs .change-org-btn:hover {
    opacity: 0.9;
    text-decoration: none !important;
}