.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-995 .elementor-element.elementor-element-8f3355c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-995 .elementor-element.elementor-element-8f3355c{text-align:center;}.elementor-995 .elementor-element.elementor-element-8f3355c .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:52px;font-weight:500;letter-spacing:3px;color:#F2F2F2;}.elementor-995 .elementor-element.elementor-element-7d5e112 > .elementor-widget-container{padding:0px 0px 25px 0px;}.elementor-995 .elementor-element.elementor-element-6a6dbcd{--display:flex;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-995 .elementor-element.elementor-element-3f97543{--grid-columns:1;--auto-scroll-offset:0px;}.elementor-995 .elementor-element.elementor-element-3f97543 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-995 .elementor-element.elementor-element-3f97543 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-995 .elementor-element.elementor-element-3f97543 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-995 .elementor-element.elementor-element-3f97543 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-995 .elementor-element.elementor-element-3f97543 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-995 .elementor-element.elementor-element-9444697{--grid-columns:1;--auto-scroll-offset:0px;}.elementor-995 .elementor-element.elementor-element-9444697 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-995 .elementor-element.elementor-element-9444697 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-995 .elementor-element.elementor-element-9444697 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-995 .elementor-element.elementor-element-9444697 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-995 .elementor-element.elementor-element-9444697 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-995 .elementor-element.elementor-element-cf3a2b7{--grid-columns:1;--auto-scroll-offset:0px;}.elementor-995 .elementor-element.elementor-element-cf3a2b7 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-995 .elementor-element.elementor-element-cf3a2b7 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-995 .elementor-element.elementor-element-cf3a2b7 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-995 .elementor-element.elementor-element-cf3a2b7 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-995 .elementor-element.elementor-element-cf3a2b7 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-995 .elementor-element.elementor-element-4a9c722{--grid-columns:1;--auto-scroll-offset:0px;}.elementor-995 .elementor-element.elementor-element-4a9c722 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-995 .elementor-element.elementor-element-4a9c722 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-995 .elementor-element.elementor-element-4a9c722 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-995 .elementor-element.elementor-element-4a9c722 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-995 .elementor-element.elementor-element-4a9c722 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}body.elementor-page-995:not(.elementor-motion-effects-element-type-background), body.elementor-page-995 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://alaricmoon.com/wp-content/uploads/2026/08/ChatGPT-Image-Aug-7-2026-09_47_02-PM-3-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-995 .elementor-element.elementor-element-8f3355c .elementor-heading-title{font-size:42px;}.elementor-995 .elementor-element.elementor-element-3f97543{--grid-columns:2;}.elementor-995 .elementor-element.elementor-element-9444697{--grid-columns:2;}.elementor-995 .elementor-element.elementor-element-cf3a2b7{--grid-columns:2;}.elementor-995 .elementor-element.elementor-element-4a9c722{--grid-columns:2;}}@media(max-width:767px){.elementor-995 .elementor-element.elementor-element-8f3355c .elementor-heading-title{font-size:30px;letter-spacing:2px;}.elementor-995 .elementor-element.elementor-element-3f97543{--grid-columns:1;}.elementor-995 .elementor-element.elementor-element-9444697{--grid-columns:1;}.elementor-995 .elementor-element.elementor-element-cf3a2b7{--grid-columns:1;}.elementor-995 .elementor-element.elementor-element-4a9c722{--grid-columns:1;}body.elementor-page-995:not(.elementor-motion-effects-element-type-background), body.elementor-page-995 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://alaricmoon.com/wp-content/uploads/2026/08/Single-Post-Mobile-Background.png");}}@media(min-width:768px){.elementor-995 .elementor-element.elementor-element-6a6dbcd{--content-width:1240px;}}@media(min-width:1025px){body.elementor-page-995:not(.elementor-motion-effects-element-type-background), body.elementor-page-995 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-7d5e112 */.elementor-995 .elementor-element.elementor-element-7d5e112 .am-divider {
    width: 520px;
    max-width: 90%;
    margin: 14px auto 0;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

/* Silver fading lines */
.elementor-995 .elementor-element.elementor-element-7d5e112 .am-divider-line {
    flex: 1;
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(230, 230, 230, 0.65)
    );

    box-shadow:
        0 0 5px rgba(255, 255, 255, 0.12);
}

.elementor-995 .elementor-element.elementor-element-7d5e112 .am-divider-line:last-child {
    background: linear-gradient(
        90deg,
        rgba(230, 230, 230, 0.65),
        transparent
    );
}

/* Decorative diamonds */
.elementor-995 .elementor-element.elementor-element-7d5e112 .am-divider-diamond {
    width: 7px;
    height: 7px;

    border: 1px solid rgba(225, 225, 225, 0.65);

    transform: rotate(45deg);

    box-shadow:
        0 0 5px rgba(255, 255, 255, 0.12);
}

.elementor-995 .elementor-element.elementor-element-7d5e112 .am-divider-diamond.small {
    width: 4px;
    height: 4px;

    opacity: 0.65;
}

/* Red center emblem */
.elementor-995 .elementor-element.elementor-element-7d5e112 .am-divider-emblem {
    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #b30d1e;
    font-size: 22px;
    line-height: 1;

    text-shadow:
        0 0 8px rgba(190, 0, 25, 0.65),
        0 0 16px rgba(130, 0, 20, 0.35);
}/* End custom CSS */
/* Start custom CSS *//* =========================
   AUDIO TABS
========================= */

.audio-tab {
    position: relative !important;

    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    color: #8f8585 !important;

    padding: 12px 22px 16px !important;
    margin: 0 14px !important;

    font-size: 15px !important;
    font-weight: 400 !important;

    cursor: pointer !important;

    transition:
        color 0.25s ease,
        text-shadow 0.25s ease !important;
}


/* Make inner text inherit our color */
.audio-tab * {
    color: inherit !important;
}


/* Fine line under every tab */
.audio-tab::before {
    content: "";

    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    height: 1px;

    background: rgba(115, 35, 42, 0.28);

    transition:
        background 0.25s ease,
        box-shadow 0.25s ease;
}


/* Hover */
.audio-tab:hover {
    background: transparent !important;
    color: #eee7e7 !important;

    text-shadow:
        0 0 9px rgba(180, 20, 40, 0.28) !important;
}


/* =========================
   ACTIVE TAB
   Covers different Elementor states
========================= */

.audio-tab[aria-selected="true"],
.audio-tab.e-active,
.audio-tab.elementor-active,
.audio-tab:has([aria-selected="true"]) {
    background: transparent !important;

    color: #dc3547 !important;

    text-shadow:
        0 0 10px rgba(195, 20, 40, 0.40) !important;
}


/* Active underline */
.audio-tab[aria-selected="true"]::before,
.audio-tab.e-active::before,
.audio-tab.elementor-active::before,
.audio-tab:has([aria-selected="true"])::before {
    height: 2px;

    background: #b61125;

    box-shadow:
        0 0 8px rgba(190, 10, 35, 0.50);
}


/* Little diamond under active tab */
.audio-tab[aria-selected="true"]::after,
.audio-tab.e-active::after,
.audio-tab.elementor-active::after,
.audio-tab:has([aria-selected="true"])::after {
    content: "";

    position: absolute;

    width: 7px;
    height: 7px;

    left: 50%;
    bottom: -3px;

    transform:
        translateX(-50%)
        rotate(45deg);

    background: #080303;

    border: 1px solid #c61930;

    box-shadow:
        0 0 7px rgba(190, 15, 35, 0.5);
}

.audio-tab:focus,
.audio-tab:focus-visible,
.audio-tab *:focus,
.audio-tab *:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

/* =====================================================
   ALARIC MOON — AUDIO LIBRARY / TABLEPRESS
   ===================================================== */


/* ---------------------------------
   1. THE WHOLE TABLE / SEARCH PANEL
---------------------------------- */

.audio-tabs .dt-container {
    position: relative;

    padding: 16px 18px 20px;
    margin-top: 8px;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(120, 0, 18, 0.10),
            transparent 42%
        ),
        linear-gradient(
            180deg,
            rgba(18, 8, 9, 0.94),
            rgba(6, 5, 5, 0.97)
        );

    border: 1px solid rgba(125, 28, 40, 0.48);
    border-radius: 12px;

    box-shadow:
        0 22px 55px rgba(0, 0, 0, 0.65),
        0 0 30px rgba(125, 0, 18, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.035);

    overflow: hidden;
}


/* Subtle glossy highlight across top */
.audio-tabs .dt-container::before {
    content: "";

    position: absolute;
    top: 0;
    left: 6%;
    right: 6%;
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(205, 45, 60, 0.32),
        transparent
    );

    pointer-events: none;
}


/* ---------------------------------
   2. SEARCH AREA
---------------------------------- */

.audio-tabs .dt-layout-row:first-child {
    margin-bottom: 12px !important;
}

.audio-tabs .dt-search {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;

    color: rgba(215, 205, 205, 0.58);
    font-size: 13px;
}


/* Search input */
.audio-tabs .dt-search input,
.audio-tabs input.dt-input {
    width: 240px;

    padding: 10px 14px !important;

    background:
        linear-gradient(
            180deg,
            rgba(28, 12, 14, 0.95),
            rgba(12, 7, 8, 0.98)
        ) !important;

    border: 1px solid rgba(130, 36, 46, 0.55) !important;
    border-radius: 6px !important;

    color: #eee8e8 !important;

    outline: none !important;

    box-shadow:
        inset 0 2px 5px rgba(0, 0, 0, 0.32),
        0 0 0 rgba(0,0,0,0);

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}


/* Search focus */
.audio-tabs .dt-search input:focus,
.audio-tabs input.dt-input:focus {
    background: rgba(30, 9, 12, 0.98) !important;

    border-color: #a5182a !important;

    box-shadow:
        0 0 0 2px rgba(140, 0, 20, 0.10),
        0 0 15px rgba(145, 0, 20, 0.18) !important;
}


/* ---------------------------------
   3. TABLE ITSELF
---------------------------------- */

.audio-tabs table.tablepress {
    width: 100% !important;

    border-collapse: separate !important;
    border-spacing: 0 !important;

    background: rgba(5, 4, 4, 0.76) !important;

    border: 1px solid rgba(115, 37, 42, 0.24) !important;
    border-radius: 7px;

    overflow: hidden;

    color: #cbc4c4 !important;

    font-size: 14px;
}


/* ---------------------------------
   4. HEADER
---------------------------------- */

.audio-tabs table.tablepress thead th {
    padding: 15px 14px !important;

    background:
        linear-gradient(
            180deg,
            rgba(63, 5, 12, 0.96),
            rgba(31, 5, 8, 0.98)
        ) !important;

    color: #eee7e7 !important;

    border: none !important;
    border-bottom:
        1px solid rgba(170, 35, 50, 0.38) !important;

    font-size: 13px !important;
    font-weight: 500 !important;

    letter-spacing: 0.025em;

    vertical-align: middle;
}


/* Sorting indicators */
.audio-tabs table.tablepress thead .dt-column-order {
    opacity: 0.32;
}

.audio-tabs table.tablepress thead th:hover .dt-column-order {
    opacity: 0.7;
}


/* ---------------------------------
   5. TABLE ROWS
---------------------------------- */

.audio-tabs table.tablepress tbody td {
    padding: 16px 14px !important;

    background: rgba(9, 7, 7, 0.91) !important;

    color: #c5bebe !important;

    border: none !important;
    border-bottom:
        1px solid rgba(115, 40, 45, 0.16) !important;

    line-height: 1.5;

    vertical-align: middle;

    transition:
        background 0.2s ease,
        color 0.2s ease,
        box-shadow 0.2s ease;
}


/* Alternating dark burgundy row */
.audio-tabs table.tablepress tbody tr:nth-child(even) td {
    background: rgba(29, 10, 12, 0.68) !important;
}


/* Row hover */
.audio-tabs table.tablepress tbody tr:hover td {
    background: rgba(53, 9, 14, 0.78) !important;
}


/* Crimson strip on hover */
.audio-tabs table.tablepress tbody tr:hover td:first-child {
    box-shadow:
        inset 3px 0 0 rgba(183, 18, 38, 0.9);
}


/* ---------------------------------
   6. TYPOGRAPHY HIERARCHY
---------------------------------- */


/* Title column */
.audio-tabs table.tablepress tbody td:first-child {
    color: #f0eaea !important;

    font-size: 14px;
    font-weight: 500;
}


/* Tags column */
.audio-tabs table.tablepress tbody td:nth-child(2) {
    color: #9c9494 !important;
    font-size: 13px;
}


/* ---------------------------------
   7. LINKS
---------------------------------- */

.audio-tabs table.tablepress a {
    color: #d94b58 !important;

    text-decoration: none !important;

    transition:
        color 0.2s ease,
        text-shadow 0.2s ease;
}


.audio-tabs table.tablepress a:hover {
    color: #ff7580 !important;

    text-shadow:
        0 0 9px rgba(190, 20, 38, 0.38);
}


/* ---------------------------------
   8. BOTTOM DATATABLES CONTROLS
---------------------------------- */

.audio-tabs .dt-info,
.audio-tabs .dt-length {
    color: rgba(190, 180, 180, 0.60) !important;

    font-size: 12px;
}


/* Pagination */
.audio-tabs .dt-paging-button {
    background: rgba(18, 8, 9, 0.9) !important;

    border: 1px solid rgba(115, 32, 40, 0.36) !important;
    border-radius: 4px !important;

    color: #bfb6b6 !important;

    box-shadow: none !important;
}


.audio-tabs .dt-paging-button:hover {
    background: rgba(56, 7, 13, 0.88) !important;

    border-color: rgba(165, 30, 45, 0.60) !important;

    color: #fff !important;
}


.audio-tabs .dt-paging-button.current {
    background:
        linear-gradient(
            180deg,
            #68000d,
            #330006
        ) !important;

    border-color: #98182a !important;

    color: white !important;

    box-shadow:
        0 0 10px rgba(140, 0, 20, 0.20) !important;
}


/* ---------------------------------
   9. MOBILE
---------------------------------- */

@media (max-width: 767px) {

    .audio-tabs .dt-container {
        padding: 12px;
        border-radius: 8px;
    }

    .audio-tabs .dt-search {
        display: block;
        width: 100%;
    }

    .audio-tabs .dt-search input,
    .audio-tabs input.dt-input {
        width: 100%;
        margin-top: 7px;
    }

    .audio-tabs table.tablepress tbody td,
    .audio-tabs table.tablepress thead th {
        padding: 12px 10px !important;
    }
}

/* =====================================================
   SAFE VISUAL REFINEMENTS
   Add this UNDER the existing working CSS.
   Do not replace anything above.
===================================================== */


/* 1. Make the outer panel darker / less burgundy */
.audio-tabs .dt-container {
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(110, 0, 16, 0.07),
            transparent 45%
        ),
        linear-gradient(
            180deg,
            rgba(12, 6, 7, 0.97),
            rgba(5, 4, 4, 0.98)
        ) !important;

    border-color: rgba(125, 28, 40, 0.42) !important;
}


/* 2. Give the header slightly more depth */
.audio-tabs table.tablepress thead th {
    background:
        linear-gradient(
            180deg,
            rgba(70, 4, 13, 0.97) 0%,
            rgba(43, 4, 9, 0.98) 55%,
            rgba(25, 4, 7, 0.99) 100%
        ) !important;

    border-bottom:
        1px solid rgba(190, 30, 48, 0.42) !important;
}


/* 3. Refine the search field without changing its layout */
.audio-tabs .dt-search {
    color: rgba(190, 180, 180, 0.48) !important;
}

.audio-tabs .dt-search input,
.audio-tabs input.dt-input {
    width: 250px !important;
}


/* 4. Slightly richer row hover */
.audio-tabs table.tablepress tbody tr:hover td {
    background: rgba(48, 8, 13, 0.82) !important;
}

.audio-tabs table.tablepress tbody tr:hover td:first-child {
    box-shadow:
        inset 3px 0 0 #b4142a,
        inset 10px 0 20px rgba(130, 0, 20, 0.07) !important;
}

/* =====================================================
   MOBILE — FINAL TABLE WIDTH BASE
===================================================== */

@media (max-width: 767px) {

    /* -----------------------------------------
       1. TABLE AREA — ALMOST FULL SCREEN WIDTH
    ----------------------------------------- */

    .audio-table-area {
        width: 94vw !important;
        max-width: 94vw !important;
        min-width: 0 !important;

        position: relative !important;
        left: 50% !important;
        transform: translateX(-50%) !important;

        margin: 0 !important;

        /* THIS is the important fix */
        padding-left: 0 !important;
        padding-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------
       2. INDIVIDUAL TAB CONTENT
    ----------------------------------------- */

    .audio-table-panel {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------
       3. SHORTCODE WIDGET
    ----------------------------------------- */

    .audio-table-shortcode {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }

    .audio-table-shortcode > .elementor-widget-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* -----------------------------------------
       4. TABLEPRESS PANEL
    ----------------------------------------- */

    .audio-table-area .dt-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;

        /*
         * Small inner breathing room.
         * Desktop currently has much more.
         */
        padding: 8px !important;

        box-sizing: border-box !important;

        border-radius: 8px !important;
        overflow: hidden !important;
    }


    /* -----------------------------------------
       5. DATATABLES INTERNAL WRAPPERS
    ----------------------------------------- */

    .audio-table-area .dt-layout-table,
    .audio-table-area .dt-layout-table .dt-layout-row,
    .audio-table-area .dt-layout-table .dt-layout-cell {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------
       6. ACTUAL TABLE
       Fully fluid — NO fixed pixel width.
    ----------------------------------------- */

    .audio-table-area table.tablepress {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;

        table-layout: fixed !important;
    }


    /* -----------------------------------------
       7. SEARCH AREA
    ----------------------------------------- */

    .audio-table-area .dt-layout-row:first-child {
        margin-bottom: 8px !important;
    }

    .audio-table-area .dt-search {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        width: 100% !important;

        gap: 6px !important;

        font-size: 9px !important;
    }

    .audio-table-area .dt-search input,
    .audio-table-area input.dt-input {
        width: 34% !important;
        max-width: none !important;
        min-width: 0 !important;

        height: 28px !important;

        padding: 4px 7px !important;
        margin: 0 !important;

        font-size: 9px !important;
    }


    /* -----------------------------------------
       8. TABLE TEXT
    ----------------------------------------- */

    .audio-table-area table.tablepress thead th {
        padding: 7px 3px !important;

        font-size: 8px !important;
        line-height: 1.1 !important;

        white-space: normal !important;
        word-break: normal !important;
    }

    .audio-table-area table.tablepress tbody td {
        padding: 7px 3px !important;

        font-size: 8px !important;
        line-height: 1.2 !important;

        white-space: normal !important;
        word-break: normal !important;
    }

    .audio-table-area table.tablepress tbody td:first-child {
        font-size: 8.5px !important;
        font-weight: 500 !important;
    }

    .audio-table-area table.tablepress tbody td:nth-child(2) {
        font-size: 7.5px !important;
    }

    .audio-table-area table.tablepress a {
        font-size: 8px !important;
    }


    /* Sorting arrows are unnecessary on a tiny screen */
    .audio-table-area table.tablepress thead .dt-column-order {
        display: none !important;
    }
}

@media (max-width: 767px) {

    /* Allow headers to wrap naturally */
    .audio-table-area table.tablepress thead th {
        white-space: normal !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
        hyphens: auto;
    }

    /* Allow regular cell content to wrap */
    .audio-table-area table.tablepress tbody td {
        white-space: normal !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
        hyphens: auto;
    }

    /* Writer */
    .audio-table-area table.tablepress th:nth-child(3),
    .audio-table-area table.tablepress td:nth-child(3) {
        width: 12% !important;
        overflow-wrap: anywhere !important;
    }

    /* Public Link / Sex Sounds */
    .audio-table-area table.tablepress th:nth-child(4),
    .audio-table-area table.tablepress td:nth-child(4) {
        width: 10% !important;
        overflow-wrap: anywhere !important;
    }

    /* Download Link / No Sex Sounds */
    .audio-table-area table.tablepress th:nth-child(5),
    .audio-table-area table.tablepress td:nth-child(5) {
        width: 11% !important;
        overflow-wrap: anywhere !important;
    }

    /* Type */
    .audio-table-area table.tablepress th:nth-child(6),
    .audio-table-area table.tablepress td:nth-child(6) {
        width: 8% !important;
        overflow-wrap: anywhere !important;
    }

    /* Give the freed space to Title + Tags */
    .audio-table-area table.tablepress th:nth-child(1),
    .audio-table-area table.tablepress td:nth-child(1) {
        width: 19% !important;
    }

    .audio-table-area table.tablepress th:nth-child(2),
    .audio-table-area table.tablepress td:nth-child(2) {
        width: 40% !important;
    }
}

@media (max-width: 767px) {

    /* ==========================================
       BETTER MOBILE COLUMN PROPORTIONS
    ========================================== */

    /* Title */
    .audio-table-area table.tablepress th:nth-child(1),
    .audio-table-area table.tablepress td:nth-child(1) {
        width: 18% !important;
    }

    /* Tags */
    .audio-table-area table.tablepress th:nth-child(2),
    .audio-table-area table.tablepress td:nth-child(2) {
        width: 37% !important;
    }

    /* Writer */
    .audio-table-area table.tablepress th:nth-child(3),
    .audio-table-area table.tablepress td:nth-child(3) {
        width: 12% !important;
    }

    /* Public Link / Sex Sounds */
    .audio-table-area table.tablepress th:nth-child(4),
    .audio-table-area table.tablepress td:nth-child(4) {
        width: 11% !important;
    }

    /* Download Link / No Sex Sounds */
    .audio-table-area table.tablepress th:nth-child(5),
    .audio-table-area table.tablepress td:nth-child(5) {
        width: 14% !important;
    }

    /* Type */
    .audio-table-area table.tablepress th:nth-child(6),
    .audio-table-area table.tablepress td:nth-child(6) {
        width: 8% !important;
    }


    /* ==========================================
       HEADERS CAN WRAP BETWEEN WORDS
    ========================================== */

    .audio-table-area table.tablepress thead th {
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }


    /* ==========================================
       DON'T SPLIT SHORT VALUES IN HALF
    ========================================== */

    .audio-table-area table.tablepress tbody td:nth-child(4),
    .audio-table-area table.tablepress tbody td:nth-child(5),
    .audio-table-area table.tablepress tbody td:nth-child(6) {
        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }


    /* Writer can break only if absolutely necessary */
    .audio-table-area table.tablepress tbody td:nth-child(3) {
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;
    }


    /* Slightly smaller utility-column text */
    .audio-table-area table.tablepress tbody td:nth-child(3),
    .audio-table-area table.tablepress tbody td:nth-child(4),
    .audio-table-area table.tablepress tbody td:nth-child(5),
    .audio-table-area table.tablepress tbody td:nth-child(6),
    .audio-table-area table.tablepress tbody td:nth-child(4) a,
    .audio-table-area table.tablepress tbody td:nth-child(5) a {
        font-size: 7.5px !important;
    }
}

/* =====================================================
   MOBILE — AUDIO TABS + LOOP GRID
===================================================== */

@media (max-width: 767px) {

    /* =================================================
       1. INNER TAB LIST — 2 × 2 GRID
       This is the part we KNOW centered correctly.
    ================================================= */

    .audio-tabs [role="tablist"] {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        column-gap: 8px !important;
        row-gap: 16px !important;

        width: 94vw !important;
        max-width: 94vw !important;

        position: relative !important;
        left: 50% !important;
        transform: translateX(-50%) !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;

        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* =================================================
       2. INDIVIDUAL TABS
    ================================================= */

    .audio-tabs .audio-tab {
        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 13px 8px 16px !important;

        display: flex !important;
        justify-content: center !important;
        align-items: center !important;

        text-align: center !important;
        white-space: normal !important;

        font-size: 13px !important;
        line-height: 1.25 !important;
    }


    /* Decorative underline */
    .audio-tabs .audio-tab::before {
        left: 10% !important;
        right: 10% !important;
    }


    /* =================================================
       3. TAB CONTENT
       Remove only the unwanted spacing outside the cards.
    ================================================= */

    .audio-table-area,
    .audio-table-panel {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .audio-table-panel {
        gap: 0 !important;
    }


    /* =================================================
       4. MOBILE LOOP GRID
       Only moves the Loop Grid itself.
    ================================================= */

/* Controlled spacing between mobile tabs and audio cards */
.audio-tabs.e-tabs-base {
    gap: 16px !important;
    row-gap: 16px !important;
}

.audio-loop-grid {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Fix mobile horizontal overflow caused by tab underlines */
@media (max-width: 767px) {
    .audio-tabs .audio-tab::before {
        width: auto !important;
    }
}

/* =========================================
   AUDIO LIBRARY — STABLE MOBILE BACKGROUND
   Page ID: 995
   ========================================= */

@media (max-width: 767px) {
    body.page-id-995 {
        background-color: #000000 !important;
        background-image: none !important;
        background-attachment: scroll !important;
        position: relative;
        isolation: isolate;
    }

    body.page-id-995::before {
        content: "" !important;
        position: fixed !important;

        top: 0 !important;
        right: auto !important;
        bottom: auto !important;
        left: 0 !important;

        width: 100% !important;
        height: 100vh !important;

        background-color: transparent !important;
        background-image:
            linear-gradient(
                rgba(0, 0, 0, 0.30),
                rgba(0, 0, 0, 0.30)
            ),
            url("https://alaricmoon.com/wp-content/uploads/2026/08/Single-Post-Mobile-Background.png") !important;

        background-position:
            center center,
            center top !important;

        background-repeat:
            no-repeat,
            no-repeat !important;

        background-size:
            cover,
            auto 100vh !important;

        pointer-events: none !important;
        z-index: 0 !important;
    }

    /* Header, page content and footer remain above the background */
    body.page-id-995 > * {
        position: relative;
        z-index: 1;
    }
}

/* =====================================
   AUDIO LOOP — MOBILE PAGINATION
   ===================================== */

@media (max-width: 767px) {

    .audio-loop-grid .elementor-pagination {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;

        margin: 24px 0 8px !important;
        padding: 0 8px !important;
    }

    /* Every pagination button */
    .audio-loop-grid .elementor-pagination .page-numbers {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        min-width: 34px !important;
        height: 34px !important;
        padding: 0 10px !important;
        margin: 0 !important;

        border: 1px solid rgba(125, 30, 42, 0.55) !important;
        border-radius: 9px !important;
        background: rgba(9, 6, 6, 0.96) !important;

        color: #eee8e8 !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        text-decoration: none !important;

        transition:
            color 0.2s ease,
            background 0.2s ease,
            border-color 0.2s ease,
            box-shadow 0.2s ease !important;
    }

    /* Previous and Next require more room */
    .audio-loop-grid .elementor-pagination .prev,
    .audio-loop-grid .elementor-pagination .next {
        min-width: auto !important;
        padding-right: 13px !important;
        padding-left: 13px !important;
    }

    /* Current page */
    .audio-loop-grid .elementor-pagination .current {
        border-color: #d4233c !important;
        background: #d4233c !important;
        color: #ffffff !important;

        box-shadow:
            0 5px 14px rgba(212, 35, 60, 0.24) !important;
    }

    /* Clickable hover state */
    .audio-loop-grid .elementor-pagination a.page-numbers:hover {
        border-color: #d4233c !important;
        background: #16070a !important;
        color: #ffffff !important;
    }

    /* Disabled Previous or Next */
    .audio-loop-grid .elementor-pagination span.prev,
    .audio-loop-grid .elementor-pagination span.next {
        opacity: 0.3 !important;
        cursor: default !important;
    }

    /* Ellipsis between page numbers */
    .audio-loop-grid .elementor-pagination .dots {
        min-width: 20px !important;
        padding: 0 !important;

        border-color: transparent !important;
        background: transparent !important;
        color: #928a8a !important;
    }

    /* Keyboard navigation */
    .audio-loop-grid .elementor-pagination a.page-numbers:focus-visible {
        outline: 2px solid #d4233c !important;
        outline-offset: 2px !important;
    }
}/* End custom CSS */