/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Template: generatepress
Author: Tom Usborne
Author URI: https://generatepress.com/about
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 3.6.1.1779459068
Updated: 2026-05-22 14:11:08

*/
/*
Theme Name: Just4DJs Custom Site CSS
Purpose: Cleaned CSS moved from WordPress Additional CSS.
Generated: 2026-06-10

IMPORTANT:
- Paste this into your active child theme style.css, or upload/enqueue it as a CSS file.
- After testing, remove the same CSS from Appearance > Customize > Additional CSS.
- This file preserves your current look and removes one broken leftover CSS fragment from the bottom.
- Cart/Checkout mobile overflow was fixed by setting the WooCommerce Cart/Checkout block Align option to None, not CSS.
*/

/* =========================================
   JUST4DJS SITE CSS - CLEAN BASELINE
   Preserves current look with cleaner sidebar/cart system
========================================= */


/* =========================================
   TEXT HIERARCHY
========================================= */

body,
p{
    color:rgba(255,255,255,0.88);
}

.woocommerce-product-details__short-description,
.product_meta,
.dj-track-desc{
    color:rgba(255,255,255,0.72);
}

.woocommerce-breadcrumb{
    color:rgba(255,255,255,0.55);
    font-size:13px;
}

.woocommerce-breadcrumb a{
    color:rgba(255,255,255,0.75);
}

.woocommerce-breadcrumb span{
    color:rgba(255,255,255,0.35);
}

/* =========================================
   MAIN SITE / GENERATEPRESS LAYOUT
========================================= */

.page-id-7 .site-content{
    max-width:1600px !important;
    width:100% !important;
    margin:0 auto !important;
}

.site.grid-container{
    max-width:1700px !important;
    width:100%;
}

.content-area,
#primary{
    width:100%;
    min-width:0;
    box-sizing:border-box !important;
}

.site-content{
    display:grid;
    grid-template-columns:210px minmax(0,1fr) 230px !important;
    gap:10px !important;
    align-items:start;
}

#primary .inside-article,
.content-area .inside-article,
.site-main .inside-article{
    padding-top:0 !important;
    padding-left:18px !important;
    padding-right:18px !important;
    box-sizing:border-box !important;
}

/* Sidebar containers */
#left-sidebar,
#secondary,
#right-sidebar,
#secondary-right,
#secondary-nav{
    width:100%;
    min-width:0;
    box-sizing:border-box;
    align-self:start;
}

/* Side padding:
   - More outside padding
   - No inside padding next to middle content
*/
#left-sidebar,
#secondary{
    padding-left:18px !important;
    padding-right:0 !important;
}

#right-sidebar,
#secondary-right,
#secondary-nav{
    padding-left:0 !important;
    padding-right:18px !important;
}

/* Widget spacing */
.widget,
#left-sidebar .widget,
#right-sidebar .widget,
#secondary .widget,
#secondary-right .widget{
    margin:0 0 8px 0 !important;
    padding:0 !important;
}

#left-sidebar .widget:last-child,
#right-sidebar .widget:last-child,
#secondary .widget:last-child,
#secondary-right .widget:last-child{
    margin-bottom:0 !important;
}

/* Left sidebar menu cleanup */
#left-sidebar .widget_nav_menu,
#left-sidebar .widget_nav_menu ul{
    margin:0 !important;
    padding:0 !important;
}

/* Menu to cart spacing */
#left-sidebar .widget:nth-of-type(2){
    margin-top:10px !important;
}

/* Space before featured/vendor product area */
#left-sidebar .widget:nth-of-type(3){
    margin-top:42px !important;
}

/* Right sidebar search to categories spacing */
#right-sidebar .widget:nth-of-type(2),
#secondary-right .widget:nth-of-type(2){
    margin-top:26px !important;
}

/* =========================================
   HEADER / LOGO CENTERING
========================================= */

.site-header,
.site-branding{
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
}

.site-header{
    grid-column:1 / -1;
}

.site-logo,
.custom-logo-link{
    margin:0 auto;
    display:block;
}

.site-branding{
    width:100%;
}


/* =========================================
   DJ SHOP LIST / TRACK ROWS
========================================= */

.dj-shop-list{
    display:flex;
    flex-direction:column;
    width:100%;
}

.dj-track-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 0;
    border-bottom:1px solid rgba(255,255,255,0.06);
    gap:16px;
}

.dj-left{
    display:flex;
    align-items:center;
    gap:12px;
    flex:1;
    min-width:0;
}

.dj-track-main{
    display:flex;
    flex-direction:column;
    min-width:0;
    flex:1;
}

.dj-track-title{
    font-size:16px;
    font-weight:600;
    color:#ffffff;
    text-decoration:none;
}

.dj-track-desc{
    font-size:13px;
    margin-top:2px;
}

.dj-track-meta{
    display:flex;
    align-items:center;
    gap:14px;
    flex-shrink:0;
}

.dj-bpm,
.dj-price{
    font-size:14px;
    font-weight:600;
}


/* =========================================
   MINI PLAY BUTTONS
========================================= */

.dj-play-mini{
    width:48px;
    height:48px;
    border-radius:50%;
    border:2px solid #35B8FF;
    background:#0f1117;

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

    cursor:pointer;
    flex-shrink:0;
    transition:0.2s ease;
    line-height:0;

    outline:none !important;
    -webkit-appearance:none;
    appearance:none;
}

.dj-play-mini:focus{
    outline:none !important;
    box-shadow:none !important;
}

.dj-play-mini::-moz-focus-inner{
    border:0 !important;
    padding:0 !important;
}

.dj-play-mini svg{
    pointer-events:none;
    width:28px;
    height:28px;
    fill:#35B8FF;
    display:block;
    transform:translateY(1px);
    overflow:visible;
}

.dj-play-mini .play-icon path{
    transform:scale(1.2);
    transform-origin:center;
}

.dj-play-mini .pause-icon path{
    transform:scale(1);
    transform-origin:center;
}

.dj-play-mini .pause-icon{
    display:none !important;
}

.dj-track-item.playing .play-icon,
.dj-play-mini.playing .play-icon{
    display:none !important;
}

.dj-track-item.playing .pause-icon,
.dj-play-mini.playing .pause-icon{
    display:block !important;
}

.dj-track-item.playing .pause-icon path,
.dj-play-mini.playing .pause-icon path{
    fill:#b833ff !important;
}

.dj-play-mini:hover{
    transform:scale(1.06);
    box-shadow:
        0 0 14px rgba(53,184,255,0.9),
        0 0 35px rgba(53,184,255,0.45);
}

.dj-track-item.playing .dj-play-mini,
.dj-play-mini.playing{
    border-color:#b833ff !important;
    box-shadow:
        0 0 14px rgba(184,51,255,0.8),
        0 0 30px rgba(184,51,255,0.4) !important;
}

/* =========================================
   ADD / OWNED BUTTONS
   Original shop style + category/search match
========================================= */

.dj-add a,
.dj-add a.button,
.dj-add a.add_to_cart_button,
.dj-add a.add-to-cart-button,
.dj-track-item .add-to-cart-button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:8px 12px !important;
    border:2px solid #b833ff !important;
    border-radius:6px !important;

    color:#b833ff !important;
    font-size:14px !important;
    font-weight:700 !important;

    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;

    text-decoration:none !important;
    text-transform:none !important;

    line-height:1.2 !important;
    height:auto !important;
    min-height:0 !important;
    min-width:0 !important;

    box-shadow:none !important;
    appearance:none !important;
    -webkit-appearance:none !important;

    cursor:pointer !important;
    transition:0.2s ease !important;
    box-sizing:border-box !important;
}

.dj-add a:hover,
.dj-add a.button:hover,
.dj-add a.add_to_cart_button:hover,
.dj-add a.add-to-cart-button:hover,
.dj-track-item .add-to-cart-button:hover{
    background:rgba(184,51,255,0.12) !important;
    background-color:rgba(184,51,255,0.12) !important;
    background-image:none !important;

    color:#ffffff !important;

    box-shadow:
        0 0 12px rgba(184,51,255,0.9),
        0 0 28px rgba(184,51,255,0.5) !important;
}

.dj-track-item .dj-added,
.dj-track-item .add-to-cart-button.dj-added,
.dj-track-item .dj-owned,
.dj-track-item .add-to-cart-button.dj-owned{
    background:rgba(184,51,255,0.25) !important;
    background-color:rgba(184,51,255,0.25) !important;
    background-image:none !important;

    color:#ffffff !important;
    border-color:#b833ff !important;
}

/* Hide WooCommerce View Cart button in track rows */
.dj-track-item .added_to_cart,
.dj-track-item .wc-forward{
    display:none !important;
}

/* Prevent full row from turning purple */
.dj-track-item.dj-added{
    background:transparent !important;
}

/* Stop extra theme/Woo checkmarks */
.add-to-cart-button.dj-added::after,
.dj-add a.dj-added::after,
.add-to-cart-button.added::after,
.dj-add a.added::after{
    content:none !important;
    display:none !important;
}
/* =========================================
   SIDEBAR CART SHORTCODE
   Requires SVG cart shortcode version
========================================= */

.dj-sidebar-cart-wrapper{
    width:100%;
    margin:0 0 34px 0 !important;
    padding:0 !important;
}

.dj-sidebar-cart{
    margin:0 !important;
    padding:0 !important;
    line-height:1 !important;
}

.dj-sidebar-cart-link{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;

    padding:6px 0 !important;

    color:inherit;
    text-decoration:none !important;
    border-bottom:none !important;
    box-shadow:none !important;
    line-height:1 !important;
}

.dj-sidebar-cart-link:hover{
    text-decoration:none !important;
}

.dj-cart-icon{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:22px;
    height:22px;
    flex:0 0 22px;
}

.dj-cart-icon svg{
    width:22px !important;
    height:22px !important;
    fill:#35B8FF !important;

    filter:
        drop-shadow(0 0 6px rgba(53,184,255,0.8))
        drop-shadow(0 0 14px rgba(53,184,255,0.35));

    transition:0.2s ease;
}

.dj-sidebar-cart-link:hover .dj-cart-icon svg{
    fill:#b833ff !important;

    filter:
        drop-shadow(0 0 8px rgba(184,51,255,0.9))
        drop-shadow(0 0 18px rgba(184,51,255,0.45));

    transform:scale(1.08);
}

.dj-cart-text{
    position:relative;
    display:inline-block;
    line-height:1 !important;
    text-decoration:none !important;
}

.dj-cart-text::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-2px;
    height:1px;
    background:currentColor;
    opacity:0.9;
}

.dj-cart-count{
    line-height:1 !important;
    text-decoration:none !important;
}


/* =========================================
   SIDEBAR / WOO CLEANUP
========================================= */

.sidebar .add_to_cart_button,
.sidebar .product_type_simple,
.sidebar .ajax_add_to_cart,
.sidebar .added_to_cart{
    display:none !important;
}
/* =========================================
   PRODUCT SEARCH AREA + BUTTON - WHITE INPUT / ICE BLUE BUTTON
========================================= */

/* Search form layout */
.widget_product_search form,
.woocommerce-product-search{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:8px !important;
    width:100% !important;
    box-sizing:border-box !important;
}

/* Search widget safety */
.widget_product_search,
.widget_product_search *,
.woocommerce-product-search,
.woocommerce-product-search *{
    box-sizing:border-box !important;
}

/* Search input */
.widget_product_search input[type="search"],
.widget_product_search input.search-field,
.widget_product_search .search-field,
.woocommerce-product-search input[type="search"],
.woocommerce-product-search input.search-field,
.woocommerce-product-search .search-field{
    appearance:none !important;
    -webkit-appearance:none !important;

    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:36px !important;

    background:#0f1117 !important;
    color:#ffffff !important;

    border:1px solid rgba(255,255,255,0.72) !important;
    border-color:rgba(255,255,255,0.72) !important;
    border-radius:999px !important;

    padding:8px 12px !important;
    margin:0 !important;

    font-size:14px !important;
    line-height:1 !important;

    outline:none !important;

    box-shadow:
        inset 0 0 8px rgba(255,255,255,0.06),
        0 0 8px rgba(255,255,255,0.14) !important;
}

/* Search input focus */
.widget_product_search input[type="search"]:focus,
.widget_product_search input.search-field:focus,
.widget_product_search .search-field:focus,
.woocommerce-product-search input[type="search"]:focus,
.woocommerce-product-search input.search-field:focus,
.woocommerce-product-search .search-field:focus{
    background:#0f1117 !important;
    color:#ffffff !important;

    border:1px solid #ffffff !important;
    border-color:#ffffff !important;

    outline:none !important;

    box-shadow:
        inset 0 0 10px rgba(255,255,255,0.08),
        0 0 10px rgba(255,255,255,0.32),
        0 0 18px rgba(53,184,255,0.18) !important;
}

/* Placeholder text */
.widget_product_search input[type="search"]::placeholder,
.widget_product_search input.search-field::placeholder,
.widget_product_search .search-field::placeholder,
.woocommerce-product-search input[type="search"]::placeholder,
.woocommerce-product-search input.search-field::placeholder,
.woocommerce-product-search .search-field::placeholder{
    color:rgba(255,255,255,0.45) !important;
    opacity:1 !important;
}

/* Search button */
.widget_product_search button,
.widget_product_search input[type="submit"],
.woocommerce-product-search button,
.woocommerce-product-search input[type="submit"]{
    appearance:none !important;
    -webkit-appearance:none !important;

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

    width:auto !important;
    min-width:90px !important;
    align-self:flex-start !important;
    height:36px !important;

    border:1px solid #35B8FF !important;
    border-color:#35B8FF !important;
    border-radius:999px !important;

    background:
        linear-gradient(
            135deg,
            rgba(53,184,255,0.22),
            rgba(0,130,255,0.30)
        ) !important;

    color:#ffffff !important;

    padding:0 18px !important;
    margin:0 !important;

    font-size:13px !important;
    font-weight:600 !important;
    line-height:1 !important;
    text-transform:none !important;
    text-decoration:none !important;

    box-shadow:
        0 0 8px rgba(53,184,255,0.55),
        0 0 18px rgba(0,150,255,0.32),
        inset 0 0 10px rgba(53,184,255,0.14) !important;

    cursor:pointer !important;
    transition:0.2s ease !important;
}

/* Search button hover */
.widget_product_search button:hover,
.widget_product_search input[type="submit"]:hover,
.woocommerce-product-search button:hover,
.woocommerce-product-search input[type="submit"]:hover{
    background:
        linear-gradient(
            135deg,
            rgba(53,184,255,0.36),
            rgba(0,130,255,0.46)
        ) !important;

    color:#ffffff !important;

    border:1px solid #8EDBFF !important;
    border-color:#8EDBFF !important;

    box-shadow:
        0 0 12px rgba(53,184,255,0.90),
        0 0 26px rgba(0,150,255,0.50),
        inset 0 0 12px rgba(53,184,255,0.20) !important;

    transform:translateY(-1px) !important;
}

/* Search button focus */
.widget_product_search button:focus,
.widget_product_search input[type="submit"]:focus,
.woocommerce-product-search button:focus,
.woocommerce-product-search input[type="submit"]:focus{
    outline:none !important;

    border:1px solid #35B8FF !important;
    border-color:#35B8FF !important;

    box-shadow:
        0 0 10px rgba(53,184,255,0.75),
        0 0 22px rgba(0,150,255,0.38),
        inset 0 0 10px rgba(53,184,255,0.16) !important;
}

/* Search button active/click */
.widget_product_search button:active,
.widget_product_search input[type="submit"]:active,
.woocommerce-product-search button:active,
.woocommerce-product-search input[type="submit"]:active{
    transform:translateY(0) scale(0.98) !important;
}
/* =========================================
   SEARCH MINI PLAYER
========================================= */

.dj-search-player audio{
    width:100%;
    height:28px;
    border-radius:10px;
    background:#111;
    outline:none;
    opacity:0.85;
}

.dj-search-player audio:hover{
    opacity:1;
}

.dj-search-player-only{
    display:flex;
    align-items:center;
}

.dj-search-play{
    all:unset;

    width:48px;
    height:48px;

    border-radius:50%;
    border:2px solid #35B8FF;
    background:#0f1117;

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

    cursor:pointer;
    box-sizing:border-box;

    transition:0.2s ease;
}

.dj-search-play svg{
    width:28px !important;
    height:28px !important;
    fill:#35B8FF !important;
    display:block;
    pointer-events:none;
}

.dj-search-play .pause-icon{
    display:none;
}

.dj-search-play.playing .play-icon{
    display:none;
}

.dj-search-play.playing .pause-icon{
    display:block;
    fill:#b833ff !important;
}

.dj-search-play:hover{
    transform:scale(1.06);
    box-shadow:
        0 0 14px rgba(53,184,255,0.9),
        0 0 35px rgba(53,184,255,0.45);
}
/* =========================================
   REGISTRATION FORM - JUST4DJS DARK STYLE
========================================= */

/* Main form wrapper */
.dj-register-form,
.user-registration .dj-register-form,
.user-registration-form.dj-register-form{
    max-width:760px !important;
    margin:0 auto !important;

    background:#0f1117 !important;
    color:#ffffff !important;

    border:1px solid rgba(53,184,255,0.22) !important;
    border-radius:14px !important;

    padding:26px !important;

    box-shadow:
        0 0 18px rgba(53,184,255,0.10),
        0 0 34px rgba(184,51,255,0.08) !important;

    box-sizing:border-box !important;
}

/* Force form text light */
.dj-register-form,
.dj-register-form p,
.dj-register-form span,
.dj-register-form small,
.dj-register-form label,
.dj-register-form .ur-label,
.dj-register-form .ur-field-item,
.dj-register-form .user-registration-error,
.dj-register-form .user-registration-message{
    color:rgba(255,255,255,0.86) !important;
}

/* Field labels */
.dj-register-form label,
.dj-register-form .ur-label{
    font-size:14px !important;
    font-weight:600 !important;
    color:#ffffff !important;
    margin-bottom:6px !important;
}

/* Input fields */
.dj-register-form input[type="text"],
.dj-register-form input[type="email"],
.dj-register-form input[type="password"],
.dj-register-form input[type="tel"],
.dj-register-form input[type="url"],
.dj-register-form input[type="number"],
.dj-register-form textarea,
.dj-register-form select{
    width:100% !important;

    background:#080a10 !important;
    color:#ffffff !important;

    border:1px solid rgba(255,255,255,0.45) !important;
    border-radius:999px !important;

    padding:10px 14px !important;

    font-size:14px !important;
    line-height:1.3 !important;

    outline:none !important;

    box-shadow:
        inset 0 0 8px rgba(255,255,255,0.04),
        0 0 8px rgba(53,184,255,0.08) !important;

    box-sizing:border-box !important;
}

/* Textarea should not be pill shaped */
.dj-register-form textarea{
    border-radius:10px !important;
    min-height:90px !important;
}

/* Input focus */
.dj-register-form input[type="text"]:focus,
.dj-register-form input[type="email"]:focus,
.dj-register-form input[type="password"]:focus,
.dj-register-form input[type="tel"]:focus,
.dj-register-form input[type="url"]:focus,
.dj-register-form input[type="number"]:focus,
.dj-register-form textarea:focus,
.dj-register-form select:focus{
    border-color:#35B8FF !important;

    box-shadow:
        inset 0 0 10px rgba(53,184,255,0.10),
        0 0 10px rgba(53,184,255,0.35),
        0 0 18px rgba(184,51,255,0.18) !important;
}

/* Placeholder text */
.dj-register-form input::placeholder,
.dj-register-form textarea::placeholder{
    color:rgba(255,255,255,0.42) !important;
    opacity:1 !important;
}

/* Password strength/help text */
.dj-register-form .description,
.dj-register-form .user-registration-password-hint,
.dj-register-form .ur-description,
.dj-register-form .ur-field-item .description{
    color:rgba(255,255,255,0.62) !important;
    font-size:13px !important;
    line-height:1.45 !important;
}

/* Checkbox/radio rows */
.dj-register-form input[type="checkbox"],
.dj-register-form input[type="radio"]{
    accent-color:#35B8FF !important;
}

/* Terms text and checkbox label */
.dj-register-form input[type="checkbox"] + label,
.dj-register-form .user-registration-privacy-policy,
.dj-register-form .user-registration-privacy-policy label,
.dj-register-form .ur-frontend-form .ur-field-item label{
    color:rgba(255,255,255,0.86) !important;
}

/* Links inside form */
.dj-register-form a{
    color:#35B8FF !important;
    text-decoration:underline !important;
    text-underline-offset:2px !important;
}

.dj-register-form a:hover{
    color:#b833ff !important;
}

/* Captcha spacing */
.dj-register-form .g-recaptcha,
.dj-register-form .h-captcha,
.dj-register-form iframe[src*="recaptcha"],
.dj-register-form iframe[src*="hcaptcha"]{
    margin-top:10px !important;
    margin-bottom:14px !important;
}

/* Submit button */
.dj-register-form .dj-register-submit,
.dj-register-form button[type="submit"],
.dj-register-form input[type="submit"]{
    appearance:none !important;
    -webkit-appearance:none !important;

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

    min-width:150px !important;
    height:42px !important;

    border:1px solid #35B8FF !important;
    border-radius:999px !important;

    background:
        linear-gradient(
            135deg,
            rgba(53,184,255,0.22),
            rgba(0,130,255,0.30),
            rgba(184,51,255,0.18)
        ) !important;

    color:#ffffff !important;

    padding:0 22px !important;
    margin-top:10px !important;

    font-size:14px !important;
    font-weight:700 !important;
    line-height:1 !important;
    text-transform:none !important;
    text-decoration:none !important;

    box-shadow:
        0 0 8px rgba(53,184,255,0.50),
        0 0 18px rgba(0,150,255,0.28),
        0 0 22px rgba(184,51,255,0.14),
        inset 0 0 10px rgba(53,184,255,0.12) !important;

    cursor:pointer !important;
    transition:0.2s ease !important;
}

/* Submit button hover */
.dj-register-form .dj-register-submit:hover,
.dj-register-form button[type="submit"]:hover,
.dj-register-form input[type="submit"]:hover{
    border-color:#8EDBFF !important;

    background:
        linear-gradient(
            135deg,
            rgba(53,184,255,0.36),
            rgba(0,130,255,0.46),
            rgba(184,51,255,0.28)
        ) !important;

    color:#ffffff !important;

    box-shadow:
        0 0 12px rgba(53,184,255,0.85),
        0 0 26px rgba(0,150,255,0.42),
        0 0 30px rgba(184,51,255,0.22),
        inset 0 0 12px rgba(53,184,255,0.18) !important;

    transform:translateY(-1px) !important;
}

/* Success/error messages */
.dj-register-form .user-registration-error,
.dj-register-form .user-registration-message{
    background:#111827 !important;
    border:1px solid rgba(53,184,255,0.28) !important;
    border-radius:8px !important;
    padding:12px 14px !important;
}

/* Mobile */
@media(max-width:768px){
    .dj-register-form,
    .user-registration .dj-register-form,
    .user-registration-form.dj-register-form{
        max-width:100% !important;
        padding:18px !important;
    }

    .dj-register-form .dj-register-submit,
    .dj-register-form button[type="submit"],
    .dj-register-form input[type="submit"]{
        width:100% !important;
    }
}
/* =========================================
   REGISTRATION PASSWORD STRENGTH BAR FIX
========================================= */

/* Main password strength bar */
.dj-register-form .user-registration-password-strength,
.dj-register-form .password-strength,
.dj-register-form .ur-password-strength,
.dj-register-form .ur-password-strength-status{
    border-radius:8px !important;
    padding:10px 14px !important;
    margin-top:10px !important;
    margin-bottom:10px !important;

    font-size:15px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    text-align:center !important;

    color:#ffffff !important;
    text-shadow:none !important;

    border:1px solid rgba(255,255,255,0.18) !important;
    box-sizing:border-box !important;
}

/* Strong password state */
.dj-register-form .user-registration-password-strength.strong,
.dj-register-form .password-strength.strong,
.dj-register-form .ur-password-strength.strong,
.dj-register-form .ur-password-strength-status.strong{
    background:#123d28 !important;
    color:#ffffff !important;

    border-color:rgba(53,184,255,0.35) !important;

    box-shadow:
        0 0 8px rgba(53,184,255,0.20),
        inset 0 0 10px rgba(255,255,255,0.04) !important;
}

/* Medium password state */
.dj-register-form .user-registration-password-strength.medium,
.dj-register-form .password-strength.medium,
.dj-register-form .ur-password-strength.medium,
.dj-register-form .ur-password-strength-status.medium{
    background:#4a3b13 !important;
    color:#ffffff !important;

    border-color:rgba(255,200,80,0.45) !important;
}

/* Weak password state */
.dj-register-form .user-registration-password-strength.weak,
.dj-register-form .password-strength.weak,
.dj-register-form .ur-password-strength.weak,
.dj-register-form .ur-password-strength-status.weak,
.dj-register-form .user-registration-password-strength.short,
.dj-register-form .password-strength.short,
.dj-register-form .ur-password-strength.short,
.dj-register-form .ur-password-strength-status.short{
    background:#451818 !important;
    color:#ffffff !important;

    border-color:rgba(255,80,80,0.45) !important;
}
/* =========================================
   GLOBAL BOTTOM PLAYER SPACE
========================================= */

body{
    padding-bottom:20px;
}

.site-footer{
    margin-bottom:50px;
}


/* =========================================
   PRIVATE ACCESS GATE - FINAL CLEAN VERSION
========================================= */

/* Lock page scroll while popup is active */
html.dj-access-lock,
html.dj-access-lock body{
    overflow:hidden !important;
}

/* Overlay */
#dj-access-overlay{
    position:fixed;
    inset:0;

    background:rgba(0,0,0,0.75);

    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);

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

    z-index:2147483646 !important;

    opacity:0;
    visibility:hidden;

    transition:
        opacity 0.25s ease,
        visibility 0.25s ease;
}

/* Show overlay when active */
body.dj-access-active #dj-access-overlay{
    opacity:1;
    visibility:visible;
}

/* Modal box - desktop */
#dj-access-modal{
    position:relative;
    z-index:2147483647 !important;

    width:92%;
    max-width:600px;
    max-height:88vh;
    overflow-y:auto;

    background:#111;

    border:1px solid rgba(255,255,255,0.08);
    border-radius:14px;

    padding:34px 36px;

    text-align:center;
    box-sizing:border-box;

    box-shadow:
        0 20px 60px rgba(0,0,0,0.45);
}

/* Title */
#dj-access-modal h2{
    color:#ffffff;

    margin:0 0 18px;

    font-size:28px;
    font-weight:700;
    line-height:1.2;
    letter-spacing:1px;
}

/* Text above bullet points */
#dj-access-modal p{
    color:rgba(255,255,255,0.78);

    font-size:18px;
    line-height:1.55;

    margin:0 0 16px;
}

/* Bullet/rules area */
.dj-access-rules{
    width:100%;
    max-width:440px;

    margin:0 auto 28px;

    text-align:left;

    color:rgba(255,255,255,0.82);

    font-size:15px;
    line-height:1.7;
}

/* Individual bullet rows */
.dj-access-rules div{
    margin-bottom:6px;
}

/* Enter button */
#dj-enter-site{
    width:100%;

    background:#ffffff;
    color:#000000;

    border:none;
    border-radius:8px;

    padding:14px 18px;

    font-size:15px;
    font-weight:700;

    cursor:pointer;

    transition:opacity 0.2s ease;
}

#dj-enter-site:hover{
    opacity:0.88;
}

/* Leave link */
#dj-leave-site{
    display:inline-block;

    margin-top:18px;

    color:rgba(255,255,255,0.5);

    text-decoration:none;

    font-size:13px;
}

#dj-leave-site:hover{
    color:rgba(255,255,255,0.8);
}

/* Keep global player behind popup while gate is active */
body.dj-access-active #dj-player-wrap,
body.dj-access-active #dj-player{
    pointer-events:none !important;
}

body.dj-access-active #dj-player-wrap{
    z-index:1 !important;
}


/* =========================================
   PRIVATE ACCESS GATE - MOBILE
========================================= */

@media(max-width:600px){

    #dj-access-overlay{
        align-items:flex-start;

        padding:14px;

        overflow-y:auto;

        box-sizing:border-box;
    }

    #dj-access-modal{
        width:100%;
        max-width:100%;
        max-height:calc(100vh - 28px);

        overflow-y:auto;

        padding:22px 18px;

        border-radius:12px;

        margin:0 auto;
    }

    #dj-access-modal h2{
        font-size:22px;
        line-height:1.2;

        margin-bottom:12px;
    }

    #dj-access-modal p{
        font-size:14px;
        line-height:1.45;

        margin-bottom:12px;
    }

    .dj-access-rules{
        max-width:95%;

        font-size:13px;
        line-height:1.45;

        margin-bottom:18px;
    }

    .dj-access-rules div{
        margin-bottom:7px;
    }

    #dj-enter-site{
        padding:13px 16px;

        font-size:14px;
    }

    #dj-leave-site{
        margin-top:12px;

        font-size:12px;
    }
}


/* =========================================
   SINGLE PRODUCT PREVIEW BUTTON
========================================= */

.dj-product-preview-btn{
    display:block;
}

.dj-product-preview{
    all:unset;
    box-sizing:border-box;

    display:flex;
    align-items:center;
    gap:10px;

    padding:10px 14px;
    background:#111;
    color:#fff;
    border-radius:6px;

    cursor:pointer;

    position:relative;
    z-index:1;
}

.dj-product-preview svg{
    width:20px;
    height:20px;
    fill:#35B8FF;
    flex-shrink:0;
}

.dj-product-preview .pause-icon{
    display:none;
}

.dj-product-preview.playing .play-icon{
    display:none;
}

.dj-product-preview.playing .pause-icon{
    display:block;
    fill:#b833ff;
}

.dj-preview-text{
    font-size:14px;
    line-height:1;
    white-space:nowrap;
}


/* =========================================
   CART BLOCKS / CHECKOUT IMAGE REMOVAL
========================================= */

.wp-block-woocommerce-cart .wc-block-cart-item__image,
.wp-block-woocommerce-cart .wc-block-components-product-image{
    display:none !important;
}

.wp-block-woocommerce-cart .wc-block-cart-item{
    grid-template-columns:1fr auto auto auto !important;
    align-items:center;
    column-gap:16px;
}

.wp-block-woocommerce-cart .wc-block-cart-item__product{
    min-width:0 !important;
    width:100%;
}

.wp-block-woocommerce-cart .wc-block-cart-item__info{
    width:100%;
    min-width:0;
}

.wc-block-components-order-summary-item__image{
    display:none !important;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item{
    display:flex;
    align-items:center;
    gap:12px;
}

.wc-block-components-order-summary-item__description,
.wc-block-components-order-summary-item__content{
    flex:1;
    min-width:0;
}

.wc-block-components-order-summary-item__description{
    overflow:hidden;
}


/* =========================================
   REMOVE WCFM EDIT/DELETE OVERLAY ICONS
========================================= */

.wcfm_buttons,
.wcfm_buttons .wcfm_button,
.fa-edit,
.fa-trash,
.wcfmfa{
    display:none !important;
}

/* =========================================
   RESPONSIVE LAYOUT
   Tablet/mobile order: Left Sidebar → Main Content → Right Sidebar
========================================= */

@media(max-width:1200px){

    .site-content{
        display:flex !important;
        flex-direction:column !important;
        grid-template-columns:unset !important;
        grid-template-rows:unset !important;
        gap:0 !important;
        padding-left:16px !important;
        padding-right:16px !important;
        box-sizing:border-box !important;
    }

    /* 1. Left sidebar first */
    #left-sidebar,
    #secondary{
        order:1 !important;
    }

    /* 2. Main content second */
    #primary,
    .content-area,
    .site-main{
        order:2 !important;
    }

    /* 3. Right sidebar last */
    #right-sidebar,
    #secondary-right,
    #secondary-nav{
        order:3 !important;
    }

    #left-sidebar,
    #right-sidebar,
    #secondary,
    #secondary-right,
    #secondary-nav,
    #primary,
    .content-area,
    .site-main,
    .inside-left-sidebar,
    .inside-right-sidebar,
    .widget-area,
    .sidebar{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        float:none !important;
        position:relative !important;
        padding-left:0 !important;
        padding-right:0 !important;
        box-sizing:border-box !important;
    }

    #primary .inside-article,
    .content-area .inside-article,
    .site-main .inside-article{
        padding-left:14px !important;
        padding-right:14px !important;
        box-sizing:border-box !important;
    }

    .dj-track-item{
        flex-wrap:wrap;
        align-items:flex-start;
    }

    .dj-left{
        width:100%;
        min-width:0;
    }

    .dj-track-main{
        min-width:0;
        width:100%;
    }

    .dj-track-title{
        white-space:normal !important;
        overflow-wrap:break-word !important;
        word-break:normal !important;
        line-height:1.25 !important;
    }

    .dj-track-meta{
        width:100%;
        justify-content:flex-end !important;
        flex-wrap:wrap;
    }
}

@media(max-width:768px){

    .site-content{
        padding-left:12px !important;
        padding-right:12px !important;
    }

    #primary .inside-article,
    .content-area .inside-article,
    .site-main .inside-article{
        padding-left:10px !important;
        padding-right:10px !important;
    }

    .dj-track-item{
        gap:10px;
    }

    .dj-track-meta{
        justify-content:flex-end !important;
        gap:10px;
    }

    .dj-add a{
        padding:7px 10px;
        font-size:13px;
    }
}

/* =========================================
   TOP 20 ARTISTS PAGE - TIGHTER LIST SPACING
========================================= */

.page-id-521 .dj-shop-list .dj-track-item{
    padding:7px 0 !important;
    gap:8px !important;
}

.page-id-521 .dj-track-title{
    font-size:16px;
    line-height:1.2 !important;
}

.page-id-521 .dj-left,
.page-id-521 .dj-track-main{
    min-height:0 !important;
}


/* =========================================
   CHECKOUT FIELD TEXT VISIBILITY FIX
========================================= */

/* Billing/shipping labels */
.woocommerce-checkout label,
.woocommerce-checkout .form-row label,
.woocommerce-checkout .wc-block-components-text-input label,
.woocommerce-checkout .wc-block-components-combobox label,
.woocommerce-checkout .wc-block-components-address-form label{
    color:#000000 !important;
}

/* Input text */
.woocommerce-checkout input,
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.woocommerce-checkout .input-text,
.woocommerce-checkout .select2-selection__rendered{
    color:#000000 !important;
}

/* Placeholder text */
.woocommerce-checkout input::placeholder,
.woocommerce-checkout textarea::placeholder{
    color:#555555 !important;
    opacity:1 !important;
}

/* Block checkout field text */
.woocommerce-checkout .wc-block-components-text-input input,
.woocommerce-checkout .wc-block-components-combobox input,
.woocommerce-checkout .wc-block-components-address-form input{
    color:#000000 !important;
}

/* Block checkout floating labels */
.woocommerce-checkout .wc-block-components-text-input label,
.woocommerce-checkout .wc-block-components-combobox label{
    color:#555555 !important;
}

/* Select/dropdown text */
.woocommerce-checkout select option{
    color:#000000 !important;
    background:#ffffff !important;
}

/* Help/error text readability */
.woocommerce-checkout .form-row .description,
.woocommerce-checkout .woocommerce-input-wrapper,
.woocommerce-checkout .wc-block-components-validation-error,
.woocommerce-checkout .wc-block-components-checkout-step__description{
    color:#333333 !important;
}

/* =========================================
   MY ACCOUNT DOWNLOAD / ORDER TABLE WRAP FIX
========================================= */

/* Keep account tables inside the content area */
.woocommerce-account table.shop_table,
.woocommerce-account .woocommerce-table,
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account .woocommerce-table--order-downloads,
.woocommerce-account .woocommerce-MyAccount-content table{
    width:100% !important;
    max-width:100% !important;
    table-layout:fixed !important;
}

/* Allow long product/download names to wrap instead of running off screen */
.woocommerce-account table.shop_table td,
.woocommerce-account table.shop_table th,
.woocommerce-account .woocommerce-table td,
.woocommerce-account .woocommerce-table th,
.woocommerce-account .woocommerce-orders-table td,
.woocommerce-account .woocommerce-orders-table th,
.woocommerce-account .woocommerce-table--order-downloads td,
.woocommerce-account .woocommerce-table--order-downloads th{
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
    max-width:100% !important;
}

/* Specifically target download links/buttons */
.woocommerce-account .download-file,
.woocommerce-account .download-file a,
.woocommerce-account .woocommerce-MyAccount-downloads-file,
.woocommerce-account .woocommerce-MyAccount-downloads-file a,
.woocommerce-account .woocommerce-table--order-downloads a{
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
    max-width:100% !important;
}

/* Make download button/link look cleaner instead of huge full-width overflow */
.woocommerce-account .download-file a,
.woocommerce-account .woocommerce-MyAccount-downloads-file a{
    display:inline-block !important;
    max-width:100% !important;
    line-height:1.25 !important;
    padding:8px 10px !important;
    box-sizing:border-box !important;
}

/* Give product column more room than small columns */
.woocommerce-account table.shop_table th:first-child,
.woocommerce-account table.shop_table td:first-child{
    width:45% !important;
}

/* Keep small columns compact */
.woocommerce-account table.shop_table th:not(:first-child),
.woocommerce-account table.shop_table td:not(:first-child){
    width:auto !important;
}
/* =========================================
   TRENDING TRACKS NAV - ICE BLUE/PURPLE GLOW
========================================= */

/* Main Trending Tracks menu link */
.main-navigation .dj-trending-nav > a,
.inside-navigation .dj-trending-nav > a,
.menu .dj-trending-nav > a {
    position: relative;
    color: #ffffff !important;
    font-weight: normal;
    letter-spacing: 0.35px;
    text-shadow:
        0 0 2px rgba(53,184,255,0.95),
        0 0 4px rgba(150, 60, 255, 0.85),
        0 0 1px rgba(190, 70, 255, 0.55);
    background: transparent !important;
    border-radius: 0;
    padding-left: inherit !important;
    padding-right: inherit !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    overflow: visible;
    z-index: 2;
}

/* Ice blue/purple glow behind the text only */
.main-navigation .dj-trending-nav > a::before,
.inside-navigation .dj-trending-nav > a::before,
.menu .dj-trending-nav > a::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% + 12px);
    height: 32px;
    transform: translate(-50%, -50%);
    border-radius: 999px;
    background:
        radial-gradient(circle at 25% 50%, rgba(53,184,255,0.55), transparent 45%),
        radial-gradient(circle at 70% 50%, rgba(180, 65, 255, 0.58), transparent 48%);
    filter: blur(8px);
    opacity: 0.35;
    z-index: -1;
    pointer-events: none;
    animation: djTrendingNeonPulse 2s infinite ease-in-out;
}

/* Fire emoji after the text */
.main-navigation .dj-trending-nav > a::after,
.inside-navigation .dj-trending-nav > a::after,
.menu .dj-trending-nav > a::after {
    content: " 🔥";
    display: inline-block;
    margin-left: 5px;
    font-size: 0.95em;
    line-height: 1;
    filter:
        drop-shadow(0 0 4px rgba(255, 120, 0, 0.95))
        drop-shadow(0 0 8px rgba(255, 40, 0, 0.75));
    animation: djTrendingFireBounce 1.5s infinite ease-in-out;
}

/* Hover effect */
.main-navigation .dj-trending-nav > a:hover,
.inside-navigation .dj-trending-nav > a:hover,
.menu .dj-trending-nav > a:hover {
    color: #ffffff !important;
    text-shadow:
        0 0 8px rgba(53,184,255,1),
        0 0 16px rgba(160, 70, 255, 1),
        0 0 26px rgba(210, 80, 255, 0.85);
}

/* Current page state */
.main-navigation .dj-trending-nav.current-menu-item > a,
.main-navigation .dj-trending-nav.current_page_item > a,
.inside-navigation .dj-trending-nav.current-menu-item > a,
.inside-navigation .dj-trending-nav.current_page_item > a,
.menu .dj-trending-nav.current-menu-item > a,
.menu .dj-trending-nav.current_page_item > a {
    color: #ffffff !important;
    text-shadow:
        0 0 4px rgba(53,184,255,1),
        0 0 8px rgba(170, 70, 255, 1),
        0 0 14px rgba(210, 80, 255, 0.9);
}

/* Neon glow pulse */
@keyframes djTrendingNeonPulse {
    0% {
        opacity: 0.55;
        filter: blur(7px);
    }

    50% {
        opacity: 0.10;
        filter: blur(10px);
    }

    100% {
        opacity: 0.55;
        filter: blur(7px);
    }
}

/* Fire emoji movement */
@keyframes djTrendingFireBounce {
    0% {
        transform: translateY(0) rotate(-5deg) scale(1);
    }

    50% {
        transform: translateY(-2px) rotate(5deg) scale(1.12);
    }

    100% {
        transform: translateY(0) rotate(-5deg) scale(1);
    }
}

/* Mobile protection */
@media (max-width: 768px) {
    .main-navigation .dj-trending-nav > a,
    .inside-navigation .dj-trending-nav > a,
    .menu .dj-trending-nav > a {
        display: inline-block;
    }

    .main-navigation .dj-trending-nav > a::before,
    .inside-navigation .dj-trending-nav > a::before,
    .menu .dj-trending-nav > a::before {
        height: 28px;
        width: calc(100% + 8px);
    }

    .main-navigation .dj-trending-nav > a::after,
    .inside-navigation .dj-trending-nav > a::after,
    .menu .dj-trending-nav > a::after {
        margin-left: 4px;
        font-size: 0.9em;
    }
}
/* =========================================
   FINAL FAST SITE FONT
========================================= */

html body,
html body *,
html body button,
html body input,
html body select,
html body textarea {
    font-family: Arial, Helvetica, sans-serif !important;
}
/* =========================================
   ORDER RECEIVED PAGE DOWNLOAD LINK WRAP FIX
   Cleaner version - targets download table only
========================================= */

/* Keep only the downloads/order table inside the content area */
.woocommerce-order .woocommerce-order-downloads,
.woocommerce-order .woocommerce-table--order-downloads,
.woocommerce-order table.woocommerce-table--order-downloads{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
}

/* Force only the downloads table to respect the middle column */
.woocommerce-order .woocommerce-table--order-downloads,
.woocommerce-order table.woocommerce-table--order-downloads{
    table-layout:fixed !important;
    width:100% !important;
    max-width:100% !important;
}

/* Let only the downloads table cells wrap */
.woocommerce-order .woocommerce-table--order-downloads th,
.woocommerce-order .woocommerce-table--order-downloads td{
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
    max-width:100% !important;
    box-sizing:border-box !important;
}

/* Fix only the actual download link/button */
.woocommerce-order .woocommerce-table--order-downloads .download-file a,
.woocommerce-order .woocommerce-table--order-downloads .woocommerce-MyAccount-downloads-file a{
    display:inline-block !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
    line-height:1.25 !important;
    box-sizing:border-box !important;
}

/* Give the download/product name column room */
.woocommerce-order .woocommerce-table--order-downloads th:first-child,
.woocommerce-order .woocommerce-table--order-downloads td:first-child{
    width:45% !important;
}

/* Keep the file/action column from pushing into the sidebar */
.woocommerce-order .woocommerce-table--order-downloads th:last-child,
.woocommerce-order .woocommerce-table--order-downloads td:last-child{
    max-width:100% !important;
}
/* =========================================
   REGISTER NAV - VIP ACCESS TEXT GLOW
   No outline / no pill background
========================================= */

/* Main register nav link */
.main-navigation .dj-register-nav > a,
.inside-navigation .dj-register-nav > a,
.menu .dj-register-nav > a{
    position:relative;
    color:#ffffff !important;
    font-weight:normal !important;
    letter-spacing:0.3px;

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

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

    text-shadow:
        0 0 3px rgba(53,184,255,0.75),
        0 0 7px rgba(184,51,255,0.55),
        0 0 12px rgba(184,51,255,0.25);

    box-shadow:none !important;

    overflow:visible;
    z-index:2;
}

/* Soft glow behind the text only */
.main-navigation .dj-register-nav > a::before,
.inside-navigation .dj-register-nav > a::before,
.menu .dj-register-nav > a::before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:calc(100% + 8px);
    height:26px;
    transform:translate(-50%, -50%);

    border-radius:999px;

    background:
        radial-gradient(circle at 30% 50%, rgba(53,184,255,0.35), transparent 45%),
        radial-gradient(circle at 70% 50%, rgba(184,51,255,0.35), transparent 48%);

    filter:blur(8px);
    opacity:0.45;

    z-index:-1;
    pointer-events:none;

    animation:djRegisterTextGlow 2.4s infinite ease-in-out;
}

/* Small VIP sparkle after text */
.main-navigation .dj-register-nav > a::after,
.inside-navigation .dj-register-nav > a::after,
.menu .dj-register-nav > a::after{
    content:" ✦";
    display:inline-block;
    margin-left:5px;
    color:#35B8FF;

    text-shadow:
        0 0 5px rgba(53,184,255,0.95),
        0 0 10px rgba(184,51,255,0.60);

    animation:djRegisterSpark 1.6s infinite ease-in-out;
}

/* Hover */
.main-navigation .dj-register-nav > a:hover,
.inside-navigation .dj-register-nav > a:hover,
.menu .dj-register-nav > a:hover{
    color:#ffffff !important;

    text-shadow:
        0 0 4px rgba(53,184,255,0.95),
        0 0 9px rgba(184,51,255,0.75),
        0 0 15px rgba(184,51,255,0.40);

    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
}

/* Text glow animation */
@keyframes djRegisterTextGlow{
    0%{
        opacity:0.28;
        filter:blur(7px);
    }

    50%{
        opacity:0.55;
        filter:blur(9px);
    }

    100%{
        opacity:0.28;
        filter:blur(7px);
    }
}

/* Small sparkle movement */
@keyframes djRegisterSpark{
    0%{
        opacity:0.65;
        transform:scale(1);
    }

    50%{
        opacity:1;
        transform:scale(1.18);
    }

    100%{
        opacity:0.65;
        transform:scale(1);
    }
}

/* Mobile protection */
@media(max-width:768px){
    .main-navigation .dj-register-nav > a,
    .inside-navigation .dj-register-nav > a,
    .menu .dj-register-nav > a{
        display:inline-block;
        margin-top:4px;
        margin-bottom:4px;
    }

    .main-navigation .dj-register-nav > a::before,
    .inside-navigation .dj-register-nav > a::before,
    .menu .dj-register-nav > a::before{
        width:calc(100% + 6px);
        height:24px;
    }
}
/* =========================================
   WORLD TOP RADIO PLAY NAV - EARTH TEXT GLOW
   Earth icon pulses instead of spinning
========================================= */

/* Main World Top Radio Play nav link */
.main-navigation .dj-world-radio-nav > a,
.inside-navigation .dj-world-radio-nav > a,
.menu .dj-world-radio-nav > a{
    position:relative;
    color:#ffffff !important;
    font-weight:normal !important;
    letter-spacing:0.3px;

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

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

    text-shadow:
        0 0 3px rgba(53,184,255,0.75),
        0 0 7px rgba(184,51,255,0.55),
        0 0 12px rgba(184,51,255,0.25);

    box-shadow:none !important;

    overflow:visible;
    z-index:2;
}

/* Soft glow behind the text only */
.main-navigation .dj-world-radio-nav > a::before,
.inside-navigation .dj-world-radio-nav > a::before,
.menu .dj-world-radio-nav > a::before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:calc(100% + 8px);
    height:26px;
    transform:translate(-50%, -50%);

    border-radius:999px;

    background:
        radial-gradient(circle at 30% 50%, rgba(53,184,255,0.35), transparent 45%),
        radial-gradient(circle at 70% 50%, rgba(184,51,255,0.35), transparent 48%);

    filter:blur(8px);
    opacity:0.45;

    z-index:-1;
    pointer-events:none;

    animation:djWorldRadioTextGlow 2.4s infinite ease-in-out;
}

/* Pulsing Earth icon after text */
.main-navigation .dj-world-radio-nav > a::after,
.inside-navigation .dj-world-radio-nav > a::after,
.menu .dj-world-radio-nav > a::after{
    content:" 🌎";
    display:inline-block;
    margin-left:4px;

    font-size:0.82em;
    line-height:1;

    text-shadow:
        0 0 4px rgba(53,184,255,0.85),
        0 0 8px rgba(184,51,255,0.50);

    animation:djWorldRadioEarthPulse 1.6s infinite ease-in-out;
    transform-origin:center center;
}

/* Hover */
.main-navigation .dj-world-radio-nav > a:hover,
.inside-navigation .dj-world-radio-nav > a:hover,
.menu .dj-world-radio-nav > a:hover{
    color:#ffffff !important;

    text-shadow:
        0 0 4px rgba(53,184,255,0.95),
        0 0 9px rgba(184,51,255,0.75),
        0 0 15px rgba(184,51,255,0.40);

    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
}

/* Text glow animation */
@keyframes djWorldRadioTextGlow{
    0%{
        opacity:0.28;
        filter:blur(7px);
    }

    50%{
        opacity:0.55;
        filter:blur(9px);
    }

    100%{
        opacity:0.28;
        filter:blur(7px);
    }
}

/* Earth pulse animation */
@keyframes djWorldRadioEarthPulse{
    0%{
        transform:translateY(0) scale(1);
        opacity:0.78;
    }

    50%{
        transform:translateY(-2px) scale(1.12);
        opacity:1;
    }

    100%{
        transform:translateY(0) scale(1);
        opacity:0.78;
    }
}

/* Mobile protection */
@media(max-width:768px){
    .main-navigation .dj-world-radio-nav > a,
    .inside-navigation .dj-world-radio-nav > a,
    .menu .dj-world-radio-nav > a{
        display:inline-block;
        margin-top:4px;
        margin-bottom:4px;
    }

    .main-navigation .dj-world-radio-nav > a::before,
    .inside-navigation .dj-world-radio-nav > a::before,
    .menu .dj-world-radio-nav > a::before{
        width:calc(100% + 6px);
        height:24px;
    }

    .main-navigation .dj-world-radio-nav > a::after,
    .inside-navigation .dj-world-radio-nav > a::after,
    .menu .dj-world-radio-nav > a::after{
        margin-left:4px;
        font-size:0.78em;
    }
}
/* =========================================
   CHECKOUT PLACE ORDER BUTTON VISIBILITY
   Uses custom class added to the Place Order block
========================================= */

.dj-place-order-button{
    border:2px solid #35B8FF !important;
    border-radius:8px !important;

    background:rgba(53,184,255,0.08) !important;
    color:#ffffff !important;

    padding:12px 22px !important;

    box-shadow:
        0 0 10px rgba(53,184,255,0.65),
        0 0 22px rgba(53,184,255,0.28) !important;

    font-weight:700 !important;
}

.dj-place-order-button:hover{
    border-color:#b833ff !important;
    background:rgba(184,51,255,0.12) !important;

    box-shadow:
        0 0 12px rgba(184,51,255,0.8),
        0 0 28px rgba(184,51,255,0.42) !important;
}

.dj-place-order-button .wc-block-components-button__text,
.dj-place-order-button .wc-block-components-checkout-place-order-button__text{
    color:#ffffff !important;
}
/* =========================================
   ALL ARTISTS PAGE - TWO COLUMN COMPACT LIST
   Left aligned instead of centered
========================================= */

.dj-artists-list{
    max-width:520px !important;
    margin:0 !important;

    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:5px 6px !important;
}

.dj-artists-list a{
    display:block !important;

    padding:7px 10px !important;
    margin-bottom:0 !important;

    background:#111 !important;
    color:#ffffff !important;

    text-decoration:none !important;
    border-radius:6px !important;

    font-size:15px !important;
    font-weight:600 !important;
    line-height:1.2 !important;

    transition:0.2s ease !important;
    box-sizing:border-box !important;
}

.dj-artists-list a:hover{
    color:#ffffff !important;
    background:#151515 !important;

    box-shadow:
        0 0 8px rgba(53,184,255,0.20),
        0 0 14px rgba(184,51,255,0.14) !important;
}

/* Mobile: back to one column */
@media(max-width:768px){
    .dj-artists-list{
        max-width:100% !important;
        grid-template-columns:1fr !important;
    }
}
/* =========================================
   PAGE SUBTITLE SPACING
========================================= */

.dj-page-subtitle{
    margin-top:-30px !important;
    margin-bottom:28px !important;
}

/* =========================================
   DJ SORT + BPM RANGE DROPDOWNS
========================================= */

.dj-sort-wrap{
    margin:0 0 20px 0 !important;
}

.dj-sort-form{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    flex-wrap:wrap !important;
}

.dj-sort-field{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:7px !important;
}

.dj-sort-field label{
    font-size:13px !important;
    color:rgba(255,255,255,0.75) !important;
    line-height:1 !important;
    margin:0 !important;
}

.dj-sort-field select,
.dj-sort-form select{
    appearance:none !important;
    -webkit-appearance:none !important;

    min-height:36px !important;
    padding:7px 34px 7px 11px !important;

    background-color:#0f1117 !important;
    color:#ffffff !important;

    border:1px solid rgba(255,255,255,0.25) !important;
    border-radius:6px !important;

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

    outline:none !important;

    box-shadow:
        inset 0 0 8px rgba(255,255,255,0.04),
        0 0 8px rgba(53,184,255,0.08) !important;

    cursor:pointer !important;

    background-image:
        linear-gradient(45deg, transparent 50%, #35B8FF 50%),
        linear-gradient(135deg, #35B8FF 50%, transparent 50%) !important;
    background-position:
        calc(100% - 15px) 15px,
        calc(100% - 10px) 15px !important;
    background-size:
        5px 5px,
        5px 5px !important;
    background-repeat:no-repeat !important;
}

.dj-sort-field select:hover,
.dj-sort-form select:hover{
    border-color:#35B8FF !important;
    box-shadow:
        inset 0 0 8px rgba(53,184,255,0.08),
        0 0 10px rgba(53,184,255,0.26) !important;
}

.dj-sort-field select:focus,
.dj-sort-form select:focus{
    border-color:#35B8FF !important;
    box-shadow:
        inset 0 0 10px rgba(53,184,255,0.10),
        0 0 12px rgba(53,184,255,0.38),
        0 0 20px rgba(184,51,255,0.18) !important;
}

.dj-sort-field select option,
.dj-sort-form select option{
    background:#0f1117 !important;
    color:#ffffff !important;
}

/* Tablet/mobile: keep each dropdown beside its label */
@media(max-width:1200px){

    .dj-sort-wrap{
        width:100% !important;
        margin:0 0 18px 0 !important;
    }

    .dj-sort-form{
        width:100% !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        justify-content:flex-start !important;
        gap:10px !important;
    }

    .dj-sort-field{
        width:auto !important;
        max-width:100% !important;
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:10px !important;
        margin:0 !important;
    }

    .dj-sort-field label{
        width:auto !important;
        min-width:92px !important;
        text-align:left !important;
        margin:0 !important;
        flex:0 0 auto !important;
    }

    .dj-sort-field select,
    .dj-sort-form select{
        width:220px !important;
        max-width:calc(100vw - 150px) !important;
        min-width:0 !important;
        flex:0 0 auto !important;
    }
}

@media(max-width:480px){

    .dj-sort-field label{
        min-width:86px !important;
    }

    .dj-sort-field select,
    .dj-sort-form select{
        width:200px !important;
        max-width:calc(100vw - 130px) !important;
    }
}

/* =========================================
   CUSTOM FEATURED SIDEBAR
   No internal title + larger lighter product text
========================================= */

.dj-featured-sidebar{
    width:100%;
    margin:0 !important;
    padding:0 !important;
}

/* Hide the built-in shortcode title.
   Use your Text Widget title instead. */
.dj-featured-sidebar-title{
    display:none !important;
}

.dj-featured-sidebar-item{
    padding:0 0 10px 0 !important;
    margin:0 0 10px 0 !important;
    border-bottom:1px solid rgba(255,255,255,0.08) !important;
}

.dj-featured-sidebar-item:last-child{
    border-bottom:none !important;
}

.dj-featured-sidebar-link{
    display:block !important;
    color:#ffffff !important;

    /* Bigger but less bold */
    font-size:15px !important;
    font-weight:500 !important;
    line-height:1.35 !important;

    text-decoration:none !important;
}

.dj-featured-sidebar-link:hover{
    color:#35B8FF !important;
    text-decoration:none !important;
}

.dj-featured-sidebar-meta{
    display:flex !important;
    gap:8px !important;
    flex-wrap:wrap !important;
    margin-top:3px !important;
    color:rgba(255,255,255,0.6) !important;
    font-size:12px !important;
    line-height:1.3 !important;
}

.dj-featured-sidebar-bpm,
.dj-featured-sidebar-price{
    color:rgba(255,255,255,0.62) !important;
    font-size:12px !important;
    font-weight:500 !important;
}

/* =========================================
   DJ FACEBOOK SIDEBAR BOX
========================================= */

.dj-facebook-box{
    width:100%;
    box-sizing:border-box !important;
    margin:0 0 14px 0 !important;
    padding:12px !important;

    background:#0f1117 !important;
    border:1px solid rgba(53,184,255,0.22) !important;
    border-radius:12px !important;

    box-shadow:
        0 0 12px rgba(53,184,255,0.10),
        0 0 22px rgba(184,51,255,0.08) !important;
}

.dj-facebook-icon{
    width:34px !important;
    height:34px !important;
    border-radius:50% !important;

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

    margin:0 0 9px 0 !important;

    background:rgba(53,184,255,0.12) !important;
    border:1px solid #35B8FF !important;

    color:#35B8FF !important;
    font-size:24px !important;
    font-weight:800 !important;
    line-height:1 !important;

    text-shadow:
        0 0 8px rgba(53,184,255,0.8),
        0 0 16px rgba(53,184,255,0.35) !important;
}

.dj-facebook-title{
    color:#ffffff !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.25 !important;
    margin:0 0 6px 0 !important;
}

.dj-facebook-text{
    color:rgba(255,255,255,0.68) !important;
    font-size:12.5px !important;
    line-height:1.45 !important;
    margin:0 0 10px 0 !important;
}

.dj-facebook-button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:7px 11px !important;
    border:1px solid #35B8FF !important;
    border-radius:999px !important;

    color:#ffffff !important;
    font-size:12.5px !important;
    font-weight:600 !important;
    line-height:1 !important;
    text-decoration:none !important;

    background:linear-gradient(
        135deg,
        rgba(53,184,255,0.20),
        rgba(184,51,255,0.20)
    ) !important;

    box-shadow:
        0 0 8px rgba(53,184,255,0.35),
        0 0 14px rgba(184,51,255,0.20) !important;

    transition:0.2s ease !important;
}

.dj-facebook-button:hover{
    color:#ffffff !important;
    border-color:#b833ff !important;
    text-decoration:none !important;

    box-shadow:
        0 0 12px rgba(184,51,255,0.75),
        0 0 24px rgba(53,184,255,0.35) !important;

    transform:translateY(-1px) !important;
}

@media(max-width:1200px){

    .dj-facebook-box{
        max-width:210px !important;
        width:100% !important;
        margin-left:0 !important;
        margin-right:auto !important;
    }
}

@media(max-width:480px){

    .dj-facebook-box{
        max-width:210px !important;
        width:100% !important;
    }
}

/* =========================================
   SITE PICKS WIDGET TITLE
========================================= */

#left-sidebar .widget-title,
#secondary .widget-title{
    color:#ffffff !important;
}

/* Cooler sidebar title style */
#left-sidebar .widget .widget-title,
#secondary .widget .widget-title{
    display:inline-block !important;

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

    font-size:24px !important;
    font-weight:300 !important;
    line-height:1.15 !important;
    letter-spacing:0.3px !important;

    color:#ffffff !important;

    border-bottom:2px solid #35B8FF !important;

    text-shadow:
        0 0 8px rgba(53,184,255,0.55),
        0 0 18px rgba(184,51,255,0.35) !important;
}

/* Small glow line under widget title */
#left-sidebar .widget .widget-title::after,
#secondary .widget .widget-title::after{
    content:"" !important;
    display:block !important;

    width:42px !important;
    height:2px !important;

    margin-top:6px !important;

    background:#b833ff !important;
    box-shadow:
        0 0 8px rgba(184,51,255,0.9),
        0 0 16px rgba(53,184,255,0.45) !important;
}
/* =========================================
   RIGHT SIDEBAR WIDGET TITLES
   Example: Genres
========================================= */

#right-sidebar .widget .widget-title,
#secondary-right .widget .widget-title,
#secondary-nav .widget .widget-title{
    display:inline-block !important;

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

    font-size:24px !important;
    font-weight:300 !important;
    line-height:1.15 !important;
    letter-spacing:0.3px !important;

    color:#ffffff !important;

    border-bottom:2px solid #35B8FF !important;

    text-shadow:
        0 0 8px rgba(53,184,255,0.55),
        0 0 18px rgba(184,51,255,0.35) !important;
}

/* Small purple glow line under right sidebar widget title */
#right-sidebar .widget .widget-title::after,
#secondary-right .widget .widget-title::after,
#secondary-nav .widget .widget-title::after{
    content:"" !important;
    display:block !important;

    width:42px !important;
    height:2px !important;

    margin-top:6px !important;

    background:#b833ff !important;

    box-shadow:
        0 0 8px rgba(184,51,255,0.9),
        0 0 16px rgba(53,184,255,0.45) !important;
}
/* =========================================
   HIDE HOME SEO INTRO FOR LOGGED-IN USERS
========================================= */

body.logged-in .dj-home-seo-intro{
    display:none !important;
}
/* =========================================
   HOME SEO INTRO SIMPLE FIX
========================================= */

/* Hide SEO intro for logged-in users */
body.logged-in .dj-home-seo-intro{
    display:none !important;
}

/* Basic spacing only */
body.home .dj-home-seo-intro{
    margin-top:0 !important;
    margin-bottom:28px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}

/* Remove extra spacing inside group */
body.home .dj-home-seo-intro > .wp-block-group__inner-container{
    margin:0 !important;
    padding:0 !important;
}

/* Tighten text inside */
body.home .dj-home-seo-intro h1,
body.home .dj-home-seo-intro h2{
    margin-top:0 !important;
    margin-bottom:8px !important;
}

body.home .dj-home-seo-intro p{
    margin-top:0 !important;
    margin-bottom:0 !important;
}
/* =========================================
   HOME MOST POPULAR HEADING SPACING
========================================= */

body.home .dj-home-most-popular-title{
    margin-bottom:36px !important;
}
/* =========================================
   WEDDING FAVORITES NAV - DANCE TEXT GLOW
   Similar to World Top Radio Play
========================================= */

/* Main Wedding Favorites nav link */
.main-navigation .dj-wedding-nav > a,
.inside-navigation .dj-wedding-nav > a,
.menu .dj-wedding-nav > a{
    position:relative;
    color:#ffffff !important;
    font-weight:normal !important;
    letter-spacing:0.3px;

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

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

    text-shadow:
        0 0 3px rgba(53,184,255,0.55),
        0 0 7px rgba(184,51,255,0.38),
        0 0 12px rgba(184,51,255,0.18);

    box-shadow:none !important;

    overflow:visible;
    z-index:2;
}

/* Soft glow behind the text only */
.main-navigation .dj-wedding-nav > a::before,
.inside-navigation .dj-wedding-nav > a::before,
.menu .dj-wedding-nav > a::before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:calc(100% + 8px);
    height:26px;
    transform:translate(-50%, -50%);

    border-radius:999px;

    background:
        radial-gradient(circle at 30% 50%, rgba(53,184,255,0.24), transparent 45%),
        radial-gradient(circle at 70% 50%, rgba(184,51,255,0.26), transparent 48%);

    filter:blur(7px);
    opacity:0.32;

    z-index:-1;
    pointer-events:none;

    animation:djWeddingTextGlow 2.4s infinite ease-in-out;
}

/* Dancing emoji after text */
.main-navigation .dj-wedding-nav > a::after,
.inside-navigation .dj-wedding-nav > a::after,
.menu .dj-wedding-nav > a::after{
    content:" 🕺";
    display:inline-block;
    margin-left:4px;

    font-size:0.86em;
    line-height:1;

    text-shadow:
        0 0 5px rgba(53,184,255,0.95),
        0 0 10px rgba(53,184,255,0.65),
        0 0 14px rgba(184,51,255,0.55),
        0 0 22px rgba(184,51,255,0.35);

    animation:djWeddingDancePulse 1.5s infinite ease-in-out;
    transform-origin:center center;
}

/* Hover */
.main-navigation .dj-wedding-nav > a:hover,
.inside-navigation .dj-wedding-nav > a:hover,
.menu .dj-wedding-nav > a:hover{
    color:#ffffff !important;

    text-shadow:
        0 0 4px rgba(53,184,255,0.75),
        0 0 9px rgba(184,51,255,0.55),
        0 0 15px rgba(184,51,255,0.28);

    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
}

/* Text glow animation */
@keyframes djWeddingTextGlow{
    0%{
        opacity:0.22;
        filter:blur(6px);
    }

    50%{
        opacity:0.42;
        filter:blur(8px);
    }

    100%{
        opacity:0.22;
        filter:blur(6px);
    }
}

/* Dancing emoji movement */
@keyframes djWeddingDancePulse{
    0%{
        transform:translateY(0) rotate(-4deg) scale(1);
        opacity:0.78;
    }

    50%{
        transform:translateY(-2px) rotate(5deg) scale(1.12);
        opacity:1;
    }

    100%{
        transform:translateY(0) rotate(-4deg) scale(1);
        opacity:0.78;
    }
}

/* Mobile protection */
@media(max-width:768px){
    .main-navigation .dj-wedding-nav > a,
    .inside-navigation .dj-wedding-nav > a,
    .menu .dj-wedding-nav > a{
        display:inline-block;
        margin-top:4px;
        margin-bottom:4px;
    }

    .main-navigation .dj-wedding-nav > a::before,
    .inside-navigation .dj-wedding-nav > a::before,
    .menu .dj-wedding-nav > a::before{
        width:calc(100% + 6px);
        height:24px;
    }

    .main-navigation .dj-wedding-nav > a::after,
    .inside-navigation .dj-wedding-nav > a::after,
    .menu .dj-wedding-nav > a::after{
        margin-left:4px;
        font-size:0.82em;
    }
}
/* =========================================
   TRACK LIST DESCRIPTIONS - 2 LINES + NARROWER WIDTH
   Shop / category / artist / search / chart pages
========================================= */

.dj-shop-list .dj-track-desc,
.dj-chart-list .dj-track-desc{
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;

    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:normal !important;

    line-height:1.35 !important;
    max-height:2.7em !important;

    margin-top:4px !important;

    width:80% !important;
    max-width:75% !important;
    min-width:0 !important;
}

@media(max-width:768px){

    .dj-shop-list .dj-track-desc,
    .dj-chart-list .dj-track-desc{
        width:100% !important;
        max-width:100% !important;
    }
}
/* =========================================
   NEW TRACK BADGE
========================================= */

.dj-new-track-badge{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin-left:7px !important;
    padding:2px 6px !important;

    border:1px solid #35B8FF !important;
    border-radius:999px !important;

    color:#35B8FF !important;
    background:rgba(53,184,255,0.10) !important;

    font-size:10px !important;
    font-weight:800 !important;
    line-height:1 !important;
    letter-spacing:0.5px !important;

    vertical-align:middle !important;

    box-shadow:
        0 0 6px rgba(53,184,255,0.40),
        0 0 12px rgba(184,51,255,0.18) !important;
}
/* =========================================
   PAYPAL / CHECKOUT BLOCK PAYMENT TEXT FIX
   Fixes dark labels on black payment box
========================================= */

/* Payment section headings and general payment text */
.woocommerce-checkout .wc-block-components-payment-methods,
.woocommerce-checkout .wc-block-components-payment-methods *,
.woocommerce-checkout .wc-block-components-radio-control,
.woocommerce-checkout .wc-block-components-radio-control *,
.woocommerce-checkout .wc-block-components-payment-method-label,
.woocommerce-checkout .wc-block-components-checkbox,
.woocommerce-checkout .wc-block-components-checkbox *,
.woocommerce-checkout .wc-block-components-checkbox label,
.woocommerce-checkout .wc-block-components-checkbox__label,
.woocommerce-checkout .wc-block-components-checkbox__label span{
    color:#ffffff !important;
}

/* PayPal / card payment method box text */
.woocommerce-checkout .wc-block-components-radio-control__label,
.woocommerce-checkout .wc-block-components-radio-control__option,
.woocommerce-checkout .wc-block-components-radio-control__description,
.woocommerce-checkout .wc-block-components-payment-method__label,
.woocommerce-checkout .wc-block-components-payment-method__description{
    color:#ffffff !important;
}

/* Save payment method checkbox text */
.woocommerce-checkout input[type="checkbox"] + label,
.woocommerce-checkout .wc-block-components-checkbox label,
.woocommerce-checkout .wc-block-components-checkbox__label{
    color:#ffffff !important;
}

/* Make checkbox/radio controls easier to see */
.woocommerce-checkout input[type="checkbox"],
.woocommerce-checkout input[type="radio"]{
    accent-color:#35B8FF !important;
}

/* Payment method selected border */
.woocommerce-checkout .wc-block-components-radio-control__option-checked,
.woocommerce-checkout .wc-block-components-radio-control__option--checked{
    border-color:#35B8FF !important;
    box-shadow:
        0 0 10px rgba(53,184,255,0.35),
        0 0 18px rgba(184,51,255,0.18) !important;
}

/* Payment method containers on dark background */
.woocommerce-checkout .wc-block-components-radio-control__option{
    background:#000000 !important;
}

/* Any small help text inside payment box */
.woocommerce-checkout .wc-block-components-payment-methods small,
.woocommerce-checkout .wc-block-components-payment-methods span,
.woocommerce-checkout .wc-block-components-payment-methods p{
    color:rgba(255,255,255,0.78) !important;
}

/* Keep card input fields white with dark text */
.woocommerce-checkout .wc-block-components-payment-methods input[type="text"],
.woocommerce-checkout .wc-block-components-payment-methods input[type="tel"],
.woocommerce-checkout .wc-block-components-payment-methods input[type="email"]{
    background:#ffffff !important;
    color:#000000 !important;
}

/* Card field placeholders */
.woocommerce-checkout .wc-block-components-payment-methods input::placeholder{
    color:#606a6d !important;
    opacity:1 !important;
}


.woocommerce-coming-soon-social-login a[href*="wp-login.php"]{
    display:none !important;
}