#wpadminbar{
    display: none;
}html{
    margin-top: 0 !important;
}.menu-item img{
  border-radius: 50%;
}@media (max-width:768px){footer{
    padding:0px 0 !important;
  }footer div{
    margin-bottom:5px !important;
  }footer a{
    font-size:13px !important;
  }footer div:last-child{
    margin-bottom:0 !important;
  }}/* Side menu container */
.hll-side-menu{
  background: #2f3440;
  padding: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}/* Section titles */
.hll-menu-title{
  color: #9aa0ac;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 22px 0 10px;
  text-transform: uppercase;
}/* Main list */
.hll-menu-list{
  list-style: none;
  padding: 0;
  margin: 0;
}/* Menu links */
.hll-menu-list > li > a{
  display: block;
  padding: 12px 6px;
  color: #e6e8ee;
  text-decoration: none;
  font-size: 15px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  transition: all 0.25s ease;
}.hll-menu-list > li > a:hover{
  color: #ff6a3d;
  padding-left: 14px;
}/* Sub menu */
.hll-sub-menu{
  list-style: none;
  padding-left: 12px;
  margin: 8px 0 0;
}.hll-sub-menu li a{
  display: block;
  font-size: 14px;
  padding: 8px 6px;
  color: #c9ccd6;
  text-decoration: none;
  border-left: 2px solid rgba(255,255,255,0.1);
  transition: all 0.25s ease;
}.hll-sub-menu li a:hover{
  color: #ff6a3d;
  border-left-color: #ff6a3d;
  padding-left: 14px;
}/* Premium Section Titles */
.hll-menu-title{
  display: inline-block;     /* allows underline to match text width */
  color: #c7d0e0;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 1.5px;
  margin: 26px 0 12px;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 8px;
}/* Auto-fit accent line */
.hll-menu-title::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;              /* 🔥 now matches the full text */
  height: 3px;
  background: #ff6a3d;
  border-radius: 4px;
}/* Footer contact info alignment */
footer p{
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 4px 0;
  flex-wrap: wrap;
}/* Label (Email, Phone, WhatsApp) */
footer p strong{
  min-width: 90px;
  font-weight: 600;
  color: #111;
}/* Links */
footer p a{
  color: #2563eb;
  text-decoration: none;
  font-weight: 500;
  word-break: break-word;
}/* Hover effect like big sites */
footer p a:hover{
  text-decoration: underline;
}/* --- HEADER FIX FOR HLL-WORLD --- */

/* Site Logo and Title: Inline & prevent line break */
.custom-logo-link,.site-title{
    display: inline-block;
    vertical-align: middle;
}.site-title{
    white-space: nowrap; /* prevents title from breaking into two lines */
    margin: 0;
    padding: 0;
    font-size: 1.2em; /* adjust as needed */
}.custom-logo-link{
    margin-right: 5px; /* space between logo and title */
}/* --- Social Media Icons --- */

/* Align social media icons horizontally */
.wp-social-links,.wp-social-links ul{
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;        /* space between icons */
    margin: 0 !important;
    padding: 0 !important;
}.wp-social-links li{
    display: inline-flex !important;
    list-style: none !important;  /* remove bullets if any */
}/* Optional: Adjust size or spacing of the social icons */
.wp-social-links a{
    font-size: 24px; /* adjust icon size */
    text-decoration: none; /* remove underline */
}/* --- RESPONSIVE FIXES --- */
@media (max-width: 768px){
    .site-title {
        font-size: 1em; /* slightly smaller on mobile to prevent wrap */
    }
    .wp-social-links {
        justify-content: flex-start; /* left-align social icons on mobile */
    }
}/* --- Centered Gaming-Style Glowing Dynamic Header Text --- */
.dynamic-header-text{
    position: absolute;   
    top: 5px;                 /* closer to top */
    left: 50%;                /* center horizontally */
    transform: translateX(-50%); /* truly center the div */
    max-width: 90%;           /* responsive width */
    font-size: 16px;
    font-weight: bold;
    color: #00ffea;           /* neon cyan */
    text-transform: uppercase;
    letter-spacing: 1px;
    white-space: nowrap;
    overflow: hidden;
    padding: 5px 15px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.5); /* semi-transparent background */
    box-shadow: 0 0 15px #00ffea, 0 0 30px #00ffea, 0 0 45px #00ffea; /* neon glow */
    z-index: 9999;            /* ensure it stays above other elements */
}/* Sliding text animation */
.dynamic-header-text span{
    display: inline-block;
    padding-left: 100%;
    animation: slideGlowText 15s linear infinite;
    text-shadow: 
        0 0 5px #00ffea, 
        0 0 10px #00ffea, 
        0 0 20px #00ffea,
        0 0 30px #ff00ff, 
        0 0 40px #ff00ff; /* multi-color neon glow */
}@keyframes slideGlowText{
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}/* Responsive adjustments for mobile */
@media (max-width: 768px){
    .dynamic-header-text {
        font-size: 14px;
        max-width: 95%;      /* nearly full width */
        padding: 5px 10px;
    }
}/* -------------------------
  MAIN ARTICLE CARD STYLE
------------------------- */
.ets2-article{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.8;
  font-size: 16px;
  max-width: 900px;
  margin: auto;
  padding: 25px;
  color: #111 !important;
  background: #f7f7f7; /* card-like grey */
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.12);
  transition: all 0.3s ease;
}/* Hover effect for article card */
.ets2-article:hover{
  box-shadow: 0 8px 30px rgba(0,0,0,0.2);
  transform: translateY(-3px);
}/* -------------------------
  HEADINGS (H2) PREMIUM
------------------------- */
.ets2-article h2{
  font-size: 28px;
  font-weight: 800;
  line-height: 1.2;
  color: #111;
  margin-top: 40px;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
  padding: 6px 12px;
  border-radius: 8px;
  background: linear-gradient(135deg, #16a085 0%, #27ae60 100%);
  color: #fff;
  transition: all 0.4s ease;
  cursor: default;
}/* Gradient text effect on hover */
.ets2-article h2:hover{
  background: linear-gradient(135deg, #ff7e5f 0%, #feb47b 100%);
  color: #fff;
  transform: scale(1.05);
  box-shadow: 0 6px 15px rgba(0,0,0,0.2);
}.ets2-article h2:hover::after{
  background: linear-gradient(90deg, #ff7e5f, #feb47b);
}/* -------------------------
  PARAGRAPHS
------------------------- */
.ets2-article p{
  margin-bottom: 18px;
  color: #222;
}/* -------------------------
  CENTERED ELEMENTS (images, videos, buttons)
------------------------- */
.ets2-center{
  text-align: center;
  margin: 30px 0;
}/* Images */
.ets2-article img{
  max-width: 450px;
  width: 100%;
  border-radius: 10px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
}.ets2-article img:hover{
  transform: scale(1.03);
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}/* Videos */
.ets2-video{
  width: 100%;
  max-width: 700px;
  height: 315px;
  border-radius: 10px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
}.ets2-video:hover{
  transform: scale(1.02);
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}/* -------------------------
  BUTTONS
------------------------- */
.ets2-btn{
  display: inline-block;
  padding: 15px 30px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 10px;
  color: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  transition: all 0.3s ease;
}.ets2-btn:hover{
  opacity: 0.95;
  transform: translateY(-2px) scale(1.03);
}/* Button Colors */
.btn-green{
  background: linear-gradient(135deg, #16a085 0%, #27ae60 100%);
}.btn-blue{
  background: linear-gradient(135deg, #2980b9 0%, #6dd5fa 100%);
}/* -------------------------
  LISTS
------------------------- */
.ets2-article ul,.ets2-article ol{
  padding-left: 20px;
  margin-bottom: 18px;
}.ets2-article li{
  margin-bottom: 10px;
}/* CODE BLOCKS */
.ets2-article code{
  background: #e8e8e8;
  padding: 3px 6px;
  border-radius: 5px;
  font-family: monospace;
}/* -------------------------
  RESPONSIVE
------------------------- */
@media (max-width: 768px){
  .ets2-article {
    padding: 15px;
  }

  .ets2-article h2 {
    font-size: 24px;
  }

  .ets2-video {
    height: 220px;
  }

  .ets2-btn {
    font-size: 16px;
    padding: 12px 20px;
  }
}/* -------------------------
  MAIN ARTICLE CARD STYLE
------------------------- */
.ets2-article{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.8;
  font-size: 16px;
  max-width: 900px;
  margin: auto;
  padding: 25px;
  color: #111 !important;
  background: #e0e0e0; /* darker grey for card look */
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
}/* Hover effect for article card */
.ets2-article:hover{
  box-shadow: 0 8px 30px rgba(0,0,0,0.25);
  transform: translateY(-3px);
}/* -------------------------
  H2 HEADINGS WITH ORANGE STRIP
------------------------- */
.ets2-article h2{
  font-size: 28px;
  font-weight: 800;
  line-height: 1.2;
  color: #111;
  margin-top: 40px;
  margin-bottom: 20px;
  position: relative;
  padding: 10px 16px 10px 20px; /* left padding for strip */
  border-radius: 8px;
  background: #f7f7f7; /* slightly lighter grey than card for contrast */
  transition: all 0.4s ease;
  cursor: default;
}/* Vertical orange strip on the left */
.ets2-article h2::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 8px;          /* strip width */
  height: 100%;
  background: #f39c12; /* orange color */
  border-radius: 8px 0 0 8px; /* round left corners */
}/* Profile text */
.um-profile .um-field-label,.um-profile .um-field-value{
    color: #e6e6e6;
}/* MEMBERS GRID BACKGROUND FIX */
.um-members{
    background: transparent !important;
}/* MEMBER CARDS (FULL OVERRIDE - NO WHITE LEFT) */
.um-members .um-member,.um-members .um-member-card,.um-members .um-member-body,.um-members .um-member-content{
    background: linear-gradient(145deg, #737f96, #5f6b82) !important;
    color: #f5f5f5;
    border-radius: 14px;
    padding: 18px;
    margin-bottom: 18px;
    overflow: hidden;

    /* Premium shadow */
    box-shadow: 
        0 10px 25px rgba(0,0,0,0.35),
        inset 0 1px 0 rgba(255,255,255,0.06);

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

    transition: all 0.35s ease;
}/* LEFT ACCENT STRIP */
.um-members .um-member::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 6px;
    background: linear-gradient(to bottom, #266C87, #2ecc71);
    border-radius: 14px 0 0 14px;
    box-shadow: 0 0 10px rgba(76, 217, 100, 0.7);
}/* TEXT INSIDE CARDS */
.um-members .um-member .um-member-name,.um-members .um-member .um-member-meta{
    color: #ffffff;
}/* HOVER EFFECT (FLOAT + DEPTH) */
.um-members .um-member:hover{
    transform: translateY(-6px) scale(1.015);

    box-shadow: 
        0 16px 35px rgba(0,0,0,0.45),
        inset 0 1px 0 rgba(255,255,255,0.08);
}/* SUBTLE GLOW ON HOVER */
.um-members .um-member:hover::before{
    box-shadow: 0 0 16px rgba(76, 217, 100, 0.9);
}/* LINKS */
.um-members a,.um-profile a{
    color: #4cd964;
    text-decoration: none;
    transition: all 0.2s ease;
}.um-members a:hover,.um-profile a:hover{
    color: #2ecc71;
    text-decoration: underline;
}/* BUTTONS (OPTIONAL UPGRADE) */
.um a.um-button,.um input[type=submit].um-button{
    background: linear-gradient(135deg, #ff9800, #ff9800);
    color: #fff;
    border-radius: 8px;
    border: none;

    box-shadow: 0 4px 12px rgba(76,217,100,0.4);
    transition: all 0.3s ease;
}.um a.um-button:hover,.um input[type=submit].um-button:hover{
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(76,217,100,0.6);
}/* OPTIONAL: GLASS EFFECT (UNCOMMENT IF YOU WANT ULTRA PREMIUM) */
/*
.um-members .um-member,
.um.um-profile .um-profile-body {
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
*/
/* --- Premium Glass Login/Register with Hard Edges + Neon Button Glow --- */

/* Container for login and register forms */
.um-135.um,.um-136.um{
    max-width: 450px !important;
    margin: 40px auto !important;
    padding: 30px !important;

    /* Glass + gradient */
    background: linear-gradient(145deg, rgba(243, 243, 243, 0.85), rgba(211, 211, 211, 0.7)) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    border-radius: 16px !important; /* slightly harder edges */
    border: 1px solid rgba(255, 255, 255, 0.25) !important;

    /* Heavy premium shadow */
    box-shadow: 
        0 25px 50px rgba(0,0,0,0.55),
        0 12px 30px rgba(0,0,0,0.35) !important;

    transition: transform 0.35s ease, box-shadow 0.35s ease;
}/* Hover/Focus lift */
.um-135.um:hover,.um-136.um:hover,.um-135.um:focus-within,.um-136.um:focus-within{
    transform: translateY(-6px);
    box-shadow: 
        0 35px 70px rgba(0,0,0,0.65),
        0 18px 40px rgba(0,0,0,0.45) !important;
}/* Form header */
.um-135 .um-header,.um-136 .um-header{
    border-bottom: 0 !important;
    padding-bottom: 12px !important;
    text-align: center !important;
    color: #4d4d4d;
    font-weight: 600;
    font-size: 1.65em;
}/* Buttons with neon green glow */
.um-135 .um-button,.um-136 .um-button{
    border-radius: 12px !important;
    background: linear-gradient(135deg, #F5F5F5, #D3D3D3) !important;
    color: #333 !important;
    font-weight: 600;
    padding: 12px 0 !important;
    border: none !important;

    /* Shadow for floating button + neon glow */
    box-shadow: 
        0 8px 20px rgba(0,0,0,0.35),
        0 0 15px rgba(76, 217, 100, 0.8),
        0 0 25px rgba(76, 217, 100, 0.5);
    transition: all 0.3s ease;
}/* Neon glow on hover */
.um-135 .um-button:hover,.um-136 .um-button:hover{
    transform: translateY(-2px);
    box-shadow: 
        0 12px 28px rgba(0,0,0,0.45),
        0 0 20px rgba(76, 217, 100, 1),
        0 0 35px rgba(76, 217, 100, 0.6);
}/* Input fields glass + subtle shadow */
.um-135 input,.um-136 input,.um-135 select,.um-136 select,.um-135 textarea,.um-136 textarea{
    background: rgba(245, 245, 245, 0.65) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    border-radius: 14px !important;
    padding: 12px !important;
    color: #333 !important;
    box-shadow: inset 0 2px 6px rgba(255,255,255,0.2);
    transition: all 0.25s ease;
}.um-135 input:focus,.um-136 input:focus,.um-135 select:focus,.um-136 select:focus,.um-135 textarea:focus,.um-136 textarea:focus{
    border-color: #4cd964 !important;
    box-shadow: 0 0 15px rgba(76,217,100,0.5) inset;
    outline: none !important;
}/* Links */
.um-135 .um-link,.um-136 .um-link{
    color: #4d4d4d;
    text-decoration: underline;
    transition: color 0.2s ease;
}.um-135 .um-link:hover,.um-136 .um-link:hover{
    color: #1a1a1a;
}/* ===========================
   LIGHTWEIGHT QUERY LOOP CARDS
=========================== */

/* Standard posts in query loop */
.wp-block-query .wp-block-post,.blog .post,.archive .post{
    background: #00000000; /* solid dark for performance */
    color: #f5f5f5;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 18px;

    box-shadow: 0 4px 12px rgba(0,0,0,0.2); /* light shadow */
    border-left: 4px solid #1b8899; /* neon strip accent */
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}/* Hover effect */
.wp-block-query .wp-block-post:hover,.blog .post:hover,.archive .post:hover{
    transform: translateY(-3px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.25);
}/* Post title */
.wp-block-query .wp-block-post__title,.blog .post .entry-title,.archive .post .entry-title{
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 8px;
    color: #f5f5f5;
    transition: color 0.2s ease;
}.wp-block-query .wp-block-post__title:hover,.blog .post .entry-title:hover,.archive .post .entry-title:hover{
    color: #4cd964; /* subtle neon hover */
}/* Post excerpt */
.wp-block-query .wp-block-post__excerpt,.blog .post .entry-summary,.archive .post .entry-summary{
    font-size: 13.5px;
    color: #d0d0d0;
    line-height: 1.4;
}/* Featured image */
.wp-block-query .wp-block-post__featured-image img,.blog .post .post-thumbnail img,.archive .post .post-thumbnail img{
    border-radius: 10px;
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    transition: transform 0.2s ease;
}/* Image hover zoom */
.wp-block-query .wp-block-post__featured-image img:hover,.blog .post .post-thumbnail img:hover,.archive .post .post-thumbnail img:hover{
    transform: scale(1.02);
}/* Post meta (date, author) */
.wp-block-query .wp-block-post__meta,.blog .post .entry-meta,.archive .post .entry-meta{
    font-size: 12px;
    color: #a0a0a0;
    margin-top: 6px;
}/* ===========================
   SINGLE POST CARD STYLE
=========================== */

/* Main single post container */
.single-post .entry-content{
    background: #727f96; /* solid dark, lightweight */
    color: #f5f5f5;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 25px;

    border-left: 4px solid #1b8899; /* neon accent strip */
    box-shadow: 0 4px 12px rgba(0,0,0,0.2); /* subtle shadow */
    transition: all 0.25s ease;
}/* Hover effect for main post (optional subtle lift) */
.single-post .entry-content:hover{
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.25);
}/* Post title */
.single-post .entry-title{
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 12px;
    color: #f5f5f5;
    transition: color 0.2s ease;
}.single-post .entry-title:hover{
    color: #4cd964; /* neon accent on hover */
}/* Post meta */
.single-post .entry-meta{
    font-size: 12px;
    color: #a0a0a0;
    margin-bottom: 15px;
}/* Paragraphs inside single post */
.single-post .entry-content p{
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 12px;
}/* Lists inside single post */
.single-post .entry-content ul,.single-post .entry-content ol{
    margin-left: 20px;
    font-size: 13.5px;
    line-height: 1.4;
}/* Blockquotes */
.single-post .entry-content blockquote{
    border-left: 3px solid #4cd964;
    padding-left: 12px;
    color: #d0d0d0;
    background: rgba(255,255,255,0.03);
    border-radius: 6px;
    margin-bottom: 12px;
}/* Images inside single post */
.single-post .entry-content img{
    border-radius: 10px;
    max-width: 100%;
    height: auto;
    margin-bottom: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    transition: transform 0.2s ease;
}/* Image hover zoom */
.single-post .entry-content img:hover{
    transform: scale(1.02);
}/* Links inside single post */
.single-post .entry-content a{
    color: #4cd964;
    text-decoration: none;
    transition: color 0.2s ease, text-shadow 0.2s ease;
}.single-post .entry-content a:hover{
    color: #2ecc71;
    text-shadow: 0 0 5px rgba(76,217,100,0.5);
}/* Smooth transitions for all */
*{
    transition: all 0.2s ease;
}/* Change comments title color */
#comments .comment-reply-title{
    color: #ffffff !important;
    /* Optional: Change font size */
    /* font-size: 24px; */
}#comments .comments-title{
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
}/* Change Comments and Replies Font Size in Kadence */
.comment-content,.comment-body,.comment-meta{
    font-size: 15px; /* Adjust as needed, e.g., 14px-15px */
}/* Specifically for replies (optional, if you want them smaller) */
.comment-list .children .comment-body{
    font-size: 14px;
}/* ===========================
   PREMIUM COMMENTS UI
=========================== */

/* Base comment container */
.comment-content,.comment-body,.comment-meta{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13.5px; /* tighter like stripchat */
    line-height: 1.5;
    color: #e5e5e5;
}/* Main comment card feel */
.comment-body{
    background: #2c2c2c;
    border-radius: 10px;
    padding: 14px;
    margin-bottom: 12px;

    border-left: 3px solid #4cd964; /* subtle neon accent */
    box-shadow: 0 3px 10px rgba(0,0,0,0.2);

    transition: all 0.2s ease;
}/* Hover effect */
.comment-body:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0,0,0,0.25);
}/* Author name */
.comment-author{
    font-size: 13px;
    font-weight: 600;
    color: #f5f5f5;
}/* Comment meta (date, time) */
.comment-meta{
    font-size: 11.5px;
    color: #9a9a9a;
    margin-bottom: 6px;
}/* Comment text */
.comment-content p{
    font-size: 13.5px;
    margin-bottom: 8px;
}/* Reply button */
.comment-reply-link{
    font-size: 12px;
    color: #4cd964;
    text-decoration: none;
    transition: all 0.2s ease;
}.comment-reply-link:hover{
    color: #2ecc71;
    text-shadow: 0 0 5px rgba(76,217,100,0.4);
}/* Replies (nested comments) */
.comment-list .children .comment-body{
    font-size: 13px; /* slightly smaller */
    margin-left: 15px;

    border-left: 2px solid #4cd964;
    background: #262626;
}/* Reduce spacing between replies */
.comment-list .children{
    margin-top: 8px;
}/* Input fields (comment form) */
.comment-form input,.comment-form textarea{
    font-family: inherit;
    font-size: 13.5px;
    padding: 10px;
    border-radius: 8px;
    background: #1f1f1f;
    color: #f5f5f5;
    border: 1px solid #333;
}/* Focus glow */
.comment-form input:focus,.comment-form textarea:focus{
    outline: none;
    box-shadow: 0 0 6px rgba(76,217,100,0.4);
}/* Submit button */
.comment-form button,.comment-form input[type="submit"]{
    font-size: 13px;
    border-radius: 8px;
    padding: 10px 16px;
    background: #4cd964;
    color: #000;
    font-weight: 600;
    border: none;
    transition: all 0.2s ease;
}.comment-form button:hover,.comment-form input[type="submit"]:hover{
    background: #2ecc71;
    box-shadow: 0 0 8px rgba(76,217,100,0.5);
}/* ===========================
   RELATED POSTS - PREMIUM UI
=========================== */

/* Section title */
.related-posts-title,.entry-related-title{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #f5f5f5 !important;
    margin-bottom: 12px;
}/* Individual related post card */
.related-posts .post,.entry-related .post,.related-posts article,.entry-related article{
    background: #2c2c2c;
    border-radius: 10px;
    padding: 14px;
    margin-bottom: 12px;

    box-shadow: 0 3px 10px rgba(0,0,0,0.2);
    border: 1px solid rgba(255,255,255,0.05);

    transition: transform 0.25s ease, box-shadow 0.25s ease;
}/* Hover effect */
.related-posts .post:hover,.entry-related .post:hover,.related-posts article:hover,.entry-related article:hover{
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.25);
}/* Related post title */
.related-posts .entry-title,.entry-related .entry-title{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13.5px;
    font-weight: 600;
    margin-bottom: 6px;
    color: #f5f5f5;
    transition: color 0.2s ease;
}/* Title hover */
.related-posts .entry-title:hover,.entry-related .entry-title:hover{
    color: #4cd964;
}/* Meta (date, author) */
.related-posts .entry-meta,.entry-related .entry-meta{
    font-size: 11.5px;
    color: #9a9a9a;
}/* Thumbnail image */
.related-posts img,.entry-related img{
    border-radius: 8px;
    margin-bottom: 8px;
    max-width: 100%;
    height: auto;

    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    transition: transform 0.2s ease;
}/* Image hover */
.related-posts img:hover,.entry-related img:hover{
    transform: scale(1.02);
}/* Links */
.related-posts a,.entry-related a{
    text-decoration: none;
}/* ===========================
 *  * STYLE FONT
   SAFE: DOES NOT BREAK RATING ADDON
=========================== */

/* Import Inter font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

/* Target only text content,ignore icons/widgets */
body,p,span,a,li,div,label,input,textarea,select,button,blockquote,pre{
    font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 13.5px;
    line-height: 1.5;
    letter-spacing: 0.2px;
}/* Headings */
h1,h2,h3,h4,h5,h6{
    font-family: inherit;
    font-weight: 600;
    line-height: 1.3;
}/* Small text / meta */
small,.comment-meta,.entry-meta,.post-meta{
    font-size: 12px;
    line-height: 1.4;
}/* Code blocks */
code,pre{
    font-family: 'Courier New', Courier, monospace;
    font-size: 12.5px;
    line-height: 1.4;
}/* Buttons / Inputs / Forms */
button,input,textarea,select{
    font-family: inherit;
    font-size: 13.5px;
    line-height: 1.5;
}/* Smooth font rendering */
body{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}/* ===============================
   Glass Titles with Neon Strip
   Download Buttons remain clean
=============================== */

/* 1. Article container (unchanged) */
.post-article{
    width: 95%;
    max-width: 900px;
    padding: 20px;
    margin: 20px auto;
    box-sizing: border-box;
    font-size: 15px;
    line-height: 1.6;
}/* 2. Headings inside the article */
.post-article h2{
    font-size: 1.3rem;
    margin-top: 30px;
    margin-bottom: 15px;
    line-height: 1.3;
}/* 3. Paragraphs and lists */
.post-article p,.post-article li{
    font-size: 0.95rem;
    line-height: 1.5;
}/* 4. Centered media (images & videos) */
.centered-media{
    text-align: center;
    margin: 20px 0;
}.centered-media img,.centered-media iframe{
    width: 100%;
    max-width: 450px;
    height: auto;
    border-radius: 8px;
}/* 5. Glass-style titles with neon strip */
.post-article .glass-title{
    display: inline-block;
    position: relative;
    padding: 8px 16px 8px 24px; /* space for strip on left */
    border-radius: 8px;
    background: rgba(255,255,255,0.07);
    backdrop-filter: blur(8px);
    font-weight: 600;
    font-size: 1.1rem;
    color: #fff;
    transition: all 0.3s ease;
    margin-top: 20px;
    margin-bottom: 15px;
}/* Left neon strip */
.post-article .glass-title::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 6px;
    border-radius: 8px 0 0 8px;
    background-color: #4cd964; /* neon green */
    transition: all 0.3s ease;
}/* Glow on hover */
.post-article .glass-title:hover{
    background: rgba(255,255,255,0.12);
    box-shadow: 0 0 12px rgba(76,217,100,0.6);
}.post-article .glass-title:hover::before{
    box-shadow: 0 0 12px rgba(76,217,100,0.9);
    transform: scaleX(1.05);
}/* 6. Download buttons (clean, no strip) */
.download-btn{
    display: inline-block;
    padding: 16px 32px;
    font-size: 1rem;
    font-weight: bold;
    text-decoration: none;
    border-radius: 12px;
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(12px);
    box-shadow: 0 12px 35px rgba(0,0,0,0.3);
    border: 1px solid rgba(255,255,255,0.25);
    transition: all 0.25s ease;
    margin: 10px 0;
    position: relative;
}/* Hover effect for download buttons */
.download-btn:hover{
    background: rgba(255, 255, 255, 0.12);
    box-shadow: 0 18px 50px rgba(0,0,0,0.35);
    transform: translateY(-3px);
}/* Blue variant for GameHub button */
.download-btn.blue{
    background: rgba(41,128,185,0.15);
    border-color: rgba(41,128,185,0.3);
}.download-btn.blue:hover{
    background: rgba(41,128,185,0.25);
    box-shadow: 0 18px 50px rgba(0,0,0,0.35);
    transform: translateY(-3px);
}/* 7. Responsive adjustments for smaller screens */
@media (max-width: 768px){
    .post-article {
        width: 95%;
        padding: 15px;
        font-size: 14px;
    }

    .post-article h2 {
        font-size: 1.15rem;
    }

    .post-article p,
    .post-article li {
        font-size: 0.9rem;
    }

    .centered-media img,
    .centered-media iframe {
        max-width: 100%;
    }

    .download-btn {
        padding: 14px 28px;
        font-size: 0.95rem;
    }
}/* --- Archive & Single Post Titles Glass Card (Refined) --- */
.archive-title,.single-post .entry-title,.single-post h1.entry-title{
    position: relative;
    display: inline-block;
    padding: 10px 20px; /* smaller padding */
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.08); /* glass effect */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2); /* softer shadow */
    color: #ffffff;
    font-size: clamp(1.3rem, 3vw, 1.8rem); /* smaller font */
    font-weight: 700;
    margin-bottom: 12px; /* closer to post */
    border-left: 6px solid #768399; /* colored strip */
}/* Optional: smaller heading under the title inside the card */
.archive-title small,.single-post .entry-title small{
    font-size: 0.75em;
    font-weight: 400;
    color: #e0e0e0;
    display: block;
    margin-top: 4px;
}/* Responsive adjustments for mobile */
@media (max-width: 768px){
    .archive-title,
    .single-post .entry-title {
        padding: 8px 16px;
        font-size: clamp(1.1rem, 5vw, 1.5rem);
    }
}/* Target excerpt inside Query Loop */
.wp-block-query .wp-block-post-excerpt,.wp-block-query .entry-summary{

    background: rgba(255, 255, 255, 0.06); /* light glass */
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);

    padding: 10px 14px;
    border-radius: 10px;

    box-shadow: 0 4px 12px rgba(0,0,0,0.12); /* soft shadow */
    border: 1px solid rgba(255,255,255,0.08);

    font-size: 0.9rem;
    line-height: 1.5;

    margin-top: 6px; /* close to title */
}/* Target ALL possible query loop titles */
.wp-block-query h1,.wp-block-query h2,.wp-block-query h3,.wp-block-query .wp-block-post-title{

    display: block !important;

    background: rgba(255, 255, 255, 0.06) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);

    padding: 10px 14px !important;
    border-radius: 10px !important;

    box-shadow: 0 4px 12px rgba(0,0,0,0.12) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;

    font-size: 1rem !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    margin-bottom: 6px !important;

    border-left: 4px solid #00ff88 !important; /* GREEN STRIP */
}/* Fix title links */
.wp-block-query .wp-block-post-title a{
    color: #ffffff !important;
    text-decoration: none !important;
}.wp-block-query .wp-block-post-title a:hover{
    opacity: 0.85;
}/* Remove Gutenberg separator inside Query Loop */
.wp-block-query .wp-block-separator{
    display: none !important;
}/* Remove any hr lines inside query loop */
.wp-block-query hr{
    display: none !important;
}/* Kadence / theme separators fallback */
.wp-block-query [class*="separator"],.wp-block-query [class*="divider"]{
    display: none !important;
}/* Ultimate Member - Global label and text color */
.um-profile .um-field-label,.um-profile .um-field-value,.um-account .um-field-label,.um-account .um-field-value,.um-members .um-member .um-member-name,.um-members .um-member .um-member-meta,.um-members .um-member a,.um-profile a,.um-account a{

    color: #FFFFFF !important; /* Dark black text */
    font-family: 'Inter', sans-serif !important; /* Optional: keep consistent font */
    font-weight: 500 !important; /* Slightly bold for clarity */
}/* Optional: make field headings slightly darker / bold */
.um-profile .um-field-label,.um-account .um-field-label{
    font-weight: 600 !important;
}/* Links hover effect (keeps original green) */
.um-members a:hover,.um-profile a:hover,.um-account a:hover{
    color: #1877F2 !important; /* Original Ultimate Member green accent */
    text-decoration: underline !important;
}/* Ultimate Member - Change Follow, Add Friend, Edit Profile buttons to Blue */
.um-members .um-button,.um-profile .um-button,.um-account .um-button{
    background-color: #1B8899!important; /* Blue background */
    color: #ffffff !important;           /* White text */
    border: none !important;             /* Remove border if any */
    transition: background-color 0.25s ease, transform 0.25s ease;
}/* Optional: Hover effect for buttons */
.um-members .um-button:hover,.um-profile .um-button:hover,.um-account .um-button:hover{
    background-color: #005bb5 !important; /* Darker blue on hover */
    transform: translateY(-2px);
}/* Optional: hover effect for cover */
/* Profile photo glass effect */
/* Hover effect for profile photo */
/* Links inside profile */
.um-profile.um-137 a{
    color: #ffffff !important;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
}.um-profile.um-137 a:hover{
    color: #4cd964 !important; /* green accent hover */
    text-decoration: underline;
}/* Target the frown icon and text inside Ultimate Member profile body */
.um-profile-body i.um-faicon-frown-o,.um-profile-body span{
    color: #4a4a4a !important;  /* dark grey */
    font-weight: 500;            /* slightly bold for readability */
}/* Optional: make text more visible */
.um-profile-body span{
    font-size: 1rem;
    line-height: 1.6;
}/* ===============================
   ULTIMATE MEMBER - CHAT MODAL PRO UI
   =============================== */

/* MAIN MODAL CARD */
/* HEADER (top area) */
/* CHAT BODY (scroll area) */
/* MESSAGE BUBBLES */
/* HOVER EFFECT */
/* YOUR MESSAGE (RIGHT STYLE) */
/* FOOTER (INPUT AREA) */
/* TEXTAREA */
/* SEND BUTTON */
.um-popup .um-button{
    background: #4cd964;
    color: #ffffff;
    border-radius: 10px;

    transition: all 0.2s ease;
}.um-popup .um-button:hover{
    background: #38c172;
    transform: scale(1.05);
}/* SCROLLBAR */
.simplebar-scrollbar:before{
    background: rgba(0,0,0,0.4);
    border-radius: 10px;
}/* REMOVE UGLY DEFAULT BACKGROUND */
/* ===============================
   MESSAGE POINTER (WHATSAPP STYLE)
   =============================== */

/* Make sure messages can hold the pointer */
/* RECEIVED MESSAGE (LEFT POINTER) */
/* SENT MESSAGE (RIGHT POINTER) */
/* ===============================
   MESSAGE POINTER (WHATSAPP STYLE)
   =============================== */

/* Base setup */
/* YOUR message (right side pointer) */
/* OTHER user's message (left side pointer) */
/* Pagination card wrapper */
.wp-block-query-pagination{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 30px 0;
}/* Each pagination link */
.wp-block-query-pagination a,.wp-block-query-pagination span{
    display: inline-block;
    min-width: 38px;
    padding: 8px 12px; /* slightly smaller padding for small font */
    text-align: center;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    border: 1px solid rgba(255,255,255,0.08);
    color: #000;
    font-weight: 500;
    font-size: 0.8rem; /* smaller font */
    text-decoration: none;
    transition: all 0.2s ease;
}/* Hover effect */
.wp-block-query-pagination a:hover{
    background: rgba(255,255,255,0.12);
    box-shadow: 0 6px 14px rgba(0,0,0,0.15);
    color: #27ae60;
}/* Active/current page */
.wp-block-query-pagination .current{
    background: #27ae60;
    color: #fff;
    font-weight: 600;
    border-color: #27ae60;
}/* ===============================
   ULTIMATE MEMBER PROFILE CARD
   =============================== */

/* Main profile container */
.um-form[data-mode="profile"]{
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.25);

    overflow: hidden;
}/* Cover image (top section) */
/* Header content */
/* Profile photo */
/* Profile meta (name + info) */
.um-form .um-profile-meta{
    margin-top: 8px;
}/* Username */
.um-form .um-name{
    font-size: 1rem;
    font-weight: 600;
    color: #000000;
}/* Status badge */
.um-form .um-profile-status{
    display: inline-block;
    margin-top: 4px;

    font-size: 0.75rem;
    padding: 4px 10px;
    border-radius: 8px;

    background: rgba(49 49 49 / 68%);
    color: #27ae60;
}/* Buttons area (follow / add friend) */
.um-form .um-profile-connect a,.um-form .um-friends-coverbtn a{
    border-radius: 10px;
    padding: 6px 12px;

    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.1);

    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    transition: all 0.2s ease;
}/* Hover buttons */
.um-form .um-profile-connect a:hover{
    background: #4cd964;
    color: #fff;
    transform: translateY(-2px);
}/* Profile tabs card container */
/* Tabs inside the subnav */
/* Hover effect for tabs */
/* Active tab style */
/* Optional: responsive wrapping for smaller screens */
@media (max-width: 768px){
    .um-profile-subnav {
        justify-content: center;
    }
}/* Strip for "Albums" and "Photos" tabs */
/* Strip on hover for Albums and Photos tabs */
/* Hover effect: White color for label titles */
/* ========================
   Loading Popup Styles
   ======================== */

/* Overlay background */
/* Loading popup container */
/* Loading spinner */
/* Spinner animation */
@keyframes spin{
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}/* Fade-in effect for popup */
@keyframes fadeIn{
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}/* Tablet (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px){
    .um-popup-overlay {
        display: flex;
        justify-content: center; /* Center horizontally */
        align-items: center; /* Center vertically */
    }
    .um-popup.loading {
        width: 150px; /* Adjust width for tablets */
        padding: 40px; /* Adjust padding */
    }
}/* Mobile (below 767px) */
@media (max-width: 767px){
    .um-popup-overlay {
        display: flex;
        justify-content: center; /* Center horizontally */
        align-items: center; /* Center vertically */
    }
    .um-popup.loading {
        width: 100px; /* Adjust width for smaller screens */
        padding: 30px; /* Reduce padding for mobile */
    }
}/* Responsiveness adjustments for different screen sizes */

/* Mobile Devices (Portrait & Landscape) */
@media (max-width: 480px){
    .um-popup-overlay {
        justify-content: center; /* Ensure it's centered vertically */
    }
    .um-popup.loading {
        width: 90px; /* Smaller width for mobile devices */
        padding: 25px; /* Reduced padding on mobile */
    }
}/* Tablet Devices */
@media (min-width: 481px) and (max-width: 768px){
    .um-popup-overlay {
        justify-content: center; /* Center vertically */
        align-items: center; /* Center horizontally */
    }
    .um-popup.loading {
        width: 110px; /* Slightly larger width for tablets */
        padding: 30px; /* Adjust padding for tablet */
    }
}/* Desktop (PC) and Larger Screens */
@media (min-width: 768px){
    .um-popup-overlay {
        justify-content: center; /* Center vertically */
        align-items: center; /* Center horizontally */
    }
    .um-popup.loading {
        width: 150px; /* Larger width for desktop */
        padding: 40px; /* Increased padding for desktop */
    }
}/* Hover effect for span element */
span:hover{
    color: #727E9A; /* Green color on hover */
    cursor: pointer; /* Change cursor to pointer for better UX */
    transition: color 0.3s ease; /* Smooth color transition */
}/* Styling for the account avatar */
.header-account-avatar{
    position: relative;
    display: inline-block;
    transition: transform 0.3s ease, filter 0.3s ease;
    border-radius: 50%; /* Makes the avatar circular */
    overflow: hidden;
}.header-account-avatar:hover{
    transform: scale(1.1); /* Slight zoom effect on hover */
    filter: brightness(1.2); /* Slight brightness effect */
}/* Styling for the account username */
.header-account-username{
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
    transition: color 0.3s ease, text-shadow 0.3s ease;
}/* Hover effect for the username */
.header-account-username:hover{
    color: #4cd964; /* Green color on hover */
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); /* Text shadow on hover */
}/* Optional: Add a smooth transition for avatar and username together */
.header-account-avatar:hover + .header-account-username{
    color: #4cd964; /* Apply green to username when avatar is hovered */
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}/* Hover color green for .nav-drop-title-wrap */
.nav-drop-title-wrap:hover{
    color: #4cd964 !important; /* Green hover */
    cursor: pointer;
    transition: color 0.2s ease; /* Smooth transition */
}/* Remove card styling for um-profile-body with truck-radio */
.um-profile-body.truck-radio.truck-radio-default{
    background: none !important; /* Remove background */
    border: none !important; /* Remove border */
    box-shadow: none !important; /* Remove box shadow */
    padding: 0 !important; /* Remove padding */
    margin: 0 !important; /* Remove margin */
    border-radius: 0 !important; /* Remove border-radius */
}/* ===============================
   MESSAGE CONVERSATION CARD
   =============================== */

/* Outer conversation wrapper */
/* Main modal (chat card) */
/* Header */
/* Message body (scroll area) */
/* Inner scroll content */
.simplebar-content-wrapper{
    padding: 10px;
}/* Smooth scrollbar */
.simplebar-scrollbar:before{
    background: rgba(0,0,0,0.35);
    border-radius: 10px;
}/* Optional: spacing fix */
/* ===============================
   MESSAGE CONVERSATION LINK CARD
   =============================== */
/* Hover effect */
/* Active conversation */
/* Message chat glass card styling */
/* Right (sent by me) */
/* Left (received) */
/* Message content */
/* Optional metadata styling */
/* ================================
   Ultimate Member Account Card
   ================================ */

/* Main Account Side Card */
.um-account-side{
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    border-radius: 16px;
    padding: 20px;

    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);

    overflow: hidden;
    margin-bottom: 30px;
}/* Main Account Section */
.um-account-main{
    padding-top: 20px;
    display: flex;
    flex-direction: column;
}/* Account Tab Titles */
.um-account-tab{
    margin-top: 20px;
    padding: 10px;
    font-size: 1rem;
    font-weight: 600;
    color: #ffffff;

    border-bottom: 2px solid rgba(255, 255, 255, 0.15);
    transition: all 0.3s ease;
}/* Hover effect on tabs */
.um-account-tab:hover{
    background-color: rgba(255, 255, 255, 0.15);
    cursor: pointer;
}/* Account Navigation */
.um-account-nav{
    margin-top: 20px;
    padding: 20px;
}/* Account Heading */
.um-account-heading{
    font-size: 1.25rem;
    font-weight: 700;
    color: #333;
}/* Form Fields inside Account */
.um-account-side .um-field{
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(8px);
    padding: 14px;
    border-radius: 12px;

    margin-top: 15px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

    transition: all 0.3s ease;
}/* Focus Effect on Fields */
.um-account-side .um-field:focus-within{
    border: 1px solid #007bff;
    box-shadow: 0 4px 15px rgba(0, 123, 255, 0.3);
}/* Field Labels */
.um-account-side .um-field-label{
    font-size: 0.9rem;
    font-weight: 600;
    color: #f1f1f1;
}/* Input Fields */
.um-account-side .um-field input{
    background: transparent;
    border: none;
    color: #ffffff;
    font-size: 1rem;
    width: 100%;
}/* Placeholder color */
.um-account-side .um-field input::placeholder{
    color: rgba(255, 255, 255, 0.6);
}/* ==============================
   ULTIMATE MEMBER ACCOUNT CARD STYLES
   ============================== */

/* Main container for account section */
.um-account-side,.um-account-main{
    background: rgba(255, 255, 255, 0.08); /* Light glass effect */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    
    border-radius: 16px;
    box-shadow: 0 12px 35px rgba(0,0,0,0.18);
    
    padding: 20px;
    margin: 20px 0;
}/* Account navigation tabs */
.um-account-nav{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}/* Account tab style (like "General" tab) */
.um-account-tab{
    padding: 12px 18px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 600;
    color: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
    transition: all 0.3s ease;
}.um-account-tab:hover{
    background: rgba(76, 217, 100, 0.2);
    transform: translateY(-2px);
}/* Active tab style */
.um-account-tab[data-tab="general"]{
    background: rgba(76, 217, 100, 0.25);
    color: #27ae60;
}/* Account heading (account name or title) */
.um-account-heading{
    font-size: 1.4rem;
    font-weight: bold;
    color: #000000;
    margin-bottom: 16px;
}/* Fields (e.g., username, email) */
.um-field{
    background: rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 16px;
    
    font-size: 1rem;
    color: #fff;
}/* Field labels (e.g., "Username") */
.um-field-label{
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 6px;
}/* Text inputs in fields */
.um-field input[type="text"],.um-field input[type="email"]{
    width: 100%;
    padding: 10px 15px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 8px;
    color: #fff;
    font-size: 1rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    transition: 0.3s ease;
}.um-field input[type="text"]:focus,.um-field input[type="email"]:focus{
    border-color: #27ae60;
    background: rgba(255, 255, 255, 0.15);
    outline: none;
}/* For account buttons (like save or edit) */
.um-button{
    padding: 12px 24px;
    background: #27ae60;
    border-radius: 8px;
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
    border: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}.um-button:hover{
    background: #4cd964;
    transform: translateY(-2px);
}/* Hide/unhide the account edit section */
.um-account-edit{
    display: block;
    margin-top: 20px;
}/* Mobile adjustments */
@media (max-width: 768px){
    .um-account-main {
        padding: 15px;
    }

    .um-account-nav {
        flex-direction: column;
    }

    .um-account-tab {
        width: 100%;
        margin-bottom: 10px;
    }

    .um-field {
        padding: 10px;
    }
}/* ==============================
   ULTIMATE MEMBER ACCOUNT CARD STYLES
   ============================== */

/* Main container for account section */
.um-account-main{
    background: rgba(255, 255, 255, 0.06); /* Light glass effect */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18);
    padding: 20px;
    margin: 20px 0;
}/* Account navigation tabs */
.um-account-nav{
    display: flex;
    justify-content: flex-start;
    gap: 12px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}/* Account tab style */
.um-account-tab{
    padding: 10px 18px;
    background: rgba(76, 217, 100, 0.15);
    border-radius: 10px;
    font-size: 0.95rem;
    font-weight: 600;
    color: #000; /* dark text */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
    transition: all 0.3s ease;
    cursor: pointer;
}.um-account-tab:hover{
    background: rgba(76, 217, 100, 0.25);
    transform: translateY(-2px);
}/* Active tab style */
.um-account-tab.active{
    background: rgba(76, 217, 100, 0.4);
    color: #27ae60;
}/* Account heading (account name or title) */
.um-account-heading{
    font-size: 1.3rem;
    font-weight: bold;
    color: #000000;
    margin-bottom: 12px; /* closer to content */
}/* Fields (e.g., username, email) */
.um-field{
    background: rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    padding: 12px 14px;
    margin-bottom: 14px;
    font-size: 1rem;
    color: #000000; /* dark text */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}/* Field labels */
.um-field-label{
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 6px;
}/* Text inputs */
.um-field input[type="text"],.um-field input[type="email"]{
    width: 100%;
    padding: 10px 15px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    color: #000000;
    font-size: 1rem;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
    transition: 0.3s ease;
}/* Buttons */
.um-button{
    padding: 12px 28px;
    background: #27ae60;
    border-radius: 10px;
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
    border: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    cursor: pointer;
}/* ==============================
   MOBILE / SMALL SCREEN FIXES
   ============================== */
@media (max-width: 768px){
    .um-account-main {
        padding: 15px;
        margin: 15px 0;
    }

    .um-account-nav {
        flex-direction: column;
        gap: 10px;
        margin-bottom: 15px;
    }

    .um-account-tab {
        width: 100%;
        padding: 10px 12px;
        font-size: 0.95rem;
    }

    .um-account-heading {
        font-size: 1.2rem;
        margin-bottom: 10px;
    }

    .um-field {
        padding: 10px 12px;
        font-size: 0.95rem;
    }

    .um-field input[type="text"],
    .um-field input[type="email"] {
        padding: 8px 12px;
        font-size: 0.95rem;
    }

    .um-button {
        width: 100%;
        padding: 10px 0;
        font-size: 0.95rem;
    } 
}/* ==============================
   Ultimate Member Profile Header Styles (Adjusted)
   ============================== */

/* Cover photo container */
/* Profile photo wrapper */
/* Followers links */
.um-followers-links{
    display: flex;
    gap: 12px;
    align-items: center;
}/* Followers count boxes - removed green glass effect */
/* Follow / messaging button */
.um-followers-btn,.um-messaging-btn{
    padding: 8px 16px;
    border-radius: 12px;
    background: #27ae60;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}.um-followers-btn:hover,.um-messaging-btn:hover{
    background: #4cd964;
    transform: translateY(-2px);
}/* Clear floats */
.um-clear{
    clear: both;
}/* Profile body container */
.um-profile-body.main.main-default{
    padding: 16px;
    border-radius: 0 0 12px 12px;
}/* Follow / messaging button - remove green card */
.um-followers-btn,.um-messaging-btn{
    padding: 8px 16px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.05); /* subtle glass instead of green */
    color: #000; /* dark text */
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}.um-followers-btn:hover,.um-messaging-btn:hover{
    background: rgba(255, 255, 255, 0.1); /* slightly brighter on hover */
    transform: translateY(-2px);
}/* Follow / messaging buttons - remove card completely */
.um-followers-btn,.um-messaging-btn{
    background: transparent !important; /* remove green / glass */
    box-shadow: none !important;        /* remove shadow */
    color: #000 !important;             /* keep text dark */
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}.um-followers-btn:hover,.um-messaging-btn:hover{
    background: rgba(0, 0, 0, 0.05) !important; /* subtle hover effect only */
    transform: translateY(0); /* no lifting */
}/* ===============================
   UM MODAL (REAL STRUCTURE FIXED)
   =============================== */

/* Overlay */
/* Main modal (your: .um-modal no-photo normal uimob500) */
/* Header */
/* Body */
/* Image preview */
/* Upload drag area */
/* Buttons */
/* Primary button */
/* Secondary button */
/* Footer */
/* ===============================
   UM MODAL - MOBILE FIRST GLASS UI
   =============================== */

/* Overlay */
/* MAIN MODAL (mobile first) */
/* HEADER */
/* BODY */
/* IMAGE PREVIEW */
/* UPLOAD AREA */
/* FOOTER */
/* BUTTONS */
/* PRIMARY */
/* SECONDARY */
/* ===============================
   DESKTOP / TABLET FIX
   =============================== */

@media (min-width: 768px){

    .um-modal.uimob340,
    .um-modal.uimob500 {

        width: 500px !important;
        height: auto !important;

        top: 50%;
        left: 50%;
        bottom: auto;

        transform: translate(-50%, -50%);
        border-radius: 16px !important;

        box-shadow: 0 20px 50px rgba(0,0,0,0.3);
    }
}/* ===============================
   UM DROPDOWN - PREMIUM GLASS UI
   =============================== */

/* Main dropdown box */
/* Inner container */
/* List items */
/* Links */
/* Hover effect */
/* Cancel button (slightly different) */
/* Arrow (pointer) */
/* Fix arrow alignment */
/* ===============================
   GLASS DROPDOWN POINTER
   =============================== */

/* Fix position (since now it's a square, not triangle) */
/* Remove cover photo */
/* Change cover photo */
/* Upload profile photo */
/* Cancel button */
/* Ultimate Member - Checkbox and Radio Option Color */
.um-field-checkbox-option,.um-field-radio-option{
    margin: 0 0 0 36px;
    line-height: 24px;
    color: #5b4d4d !important; /* Updated color */
    display: block;
    font-weight: 500; /* Optional: make text slightly bolder */
}.um-account-nav span.arr{ position: absolute; right: -20px; top: 1px; font-size: 28px;
}/* ===============================
   UM GLASS SEARCH BAR
   =============================== */

/* Search container */
.um-directory .um-member-directory-header 
.um-member-directory-header-row 
.um-member-directory-search-line{

    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;

    width: 60%;

    /* GLASS EFFECT */
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

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

    padding: 8px 12px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);

    transition: all 0.3s ease;
}/* Hover / focus effect */
.um-directory .um-member-directory-header 
.um-member-directory-header-row 
.um-member-directory-search-line:focus-within{

    background: rgba(255,255,255,0.12);
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}/* Input field */
.um-member-directory-search-line input{
    background: transparent;
    border: none;
    outline: none;

    width: 100%;
    color: #000000;

    font-size: 14px;
    padding: 6px;
}/* Placeholder */
.um-member-directory-search-line input::placeholder{
    color: rgba(0,0,0,0.5);
}/* Search icon/button (if exists) */
.um-member-directory-search-line button,.um-member-directory-search-line i{

    color: #000000;
    opacity: 0.7;
    transition: all 0.2s ease;
}.um-member-directory-search-line button:hover,.um-member-directory-search-line i:hover{
    color: #4cd964;
    opacity: 1;
}/* ===============================
   NEXT LEVEL SEARCH BAR (PRO UI)
   =============================== */

/* Main form container */
form.is-search-form.is-form-style.is-form-style-3.is-form-id-851{

    position: relative;
    padding: 6px !important;

    display: flex;
    align-items: center;

    /* GLASS EFFECT */
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    border-radius: 16px;
    border: 1px solid rgba(255,255,255,0.15);

    box-shadow: 0 8px 25px rgba(0,0,0,0.2);

    transition: all 0.3s ease;
}/* Focus glow */
form.is-search-form.is-form-style.is-form-style-3.is-form-id-851:focus-within{
    background: rgba(255,255,255,0.12);
    box-shadow: 0 12px 30px rgba(0,0,0,0.3);
}/* Input field */
form.is-search-form input[type="search"]{

    flex: 1;
    border: none;
    outline: none;

    background: transparent;
    color: #000000;

    font-size: 14px;
    padding: 10px 12px;

    border-radius: 12px;
}/* Placeholder */
form.is-search-form input::placeholder{
    color: rgba(0,0,0,0.5);
}/* Search button */
.is-form-style button.is-search-submit{

    background: rgba(76, 217, 100, 0.15);
    border-radius: 10px;

    width: 36px;
    height: 36px;

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

    transition: all 0.25s ease;
}/* Button hover */
.is-form-style button.is-search-submit:hover{
    background: #4cd964;
    transform: scale(1.1);
}/* Icon inside button */
.is-form-style button.is-search-submit svg,.is-form-style button.is-search-submit i{
    color: #000000;
    transition: all 0.2s ease;
}.is-form-style button.is-search-submit:hover svg,.is-form-style button.is-search-submit:hover i{
    color: #ffffff;
}/* ===============================
   MOBILE PERFECT FIT
   =============================== */

@media (max-width: 768px){

    form.is-search-form.is-form-style.is-form-style-3.is-form-id-851 {
        width: 100%;
        border-radius: 14px;
    }

    form.is-search-form input[type="search"] {
        font-size: 16px; /* better mobile typing */
    }
}/* ===============================
   GLASS SEARCH ICON (NEXT LEVEL)
   =============================== */

/* Icon container (if wrapped) */
.is-search-icon{
    display: flex;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;

    border-radius: 12px;

    /* Glass effect */
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    border: 1px solid rgba(255,255,255,0.15);
    box-shadow: 0 6px 16px rgba(0,0,0,0.2);

    transition: all 0.25s ease;
}/* SVG icon */
.is-search-icon svg{
    width: 22px;
    display: inline;
    color: #000000;

    transition: all 0.25s ease;
}/* Hover effect */
.is-search-icon:hover{
    background: rgba(76, 217, 100, 0.2);
    transform: scale(1.08);
    box-shadow: 0 10px 22px rgba(0,0,0,0.3);
}/* Icon hover color */
.is-search-icon:hover svg{
    color: #ffffff;
}/* ===============================
   HEADER COLOR BLEND EDGE-TO-EDGE
   =============================== */
.site-bottom-header-wrap .site-header-row-container-inner{
    width: 100vw; /* full viewport width */
    max-width: 100% !important; /* ignore any container limit */
    margin: 0 !important;
    padding: 0 !important;

    /* Gradient from left to right, top to bottom fade */
    background: linear-gradient(
        to bottom,
        #727f96 0%,      /* match upper header */
        #718096 20%,     /* smooth fade */
        #4e586d 45%,     /* mid tone */
        #23282e 100%     /* dark bottom */
    );
}/* ===============================
   Search Results Title Styling
   =============================== */
.page-title.search-title{
    font-size: 1.8rem;           /* slightly smaller than main page titles */
    font-weight: 700;            /* bold for emphasis */
    color: #ffffff;              /* matches your main header text */
    background: linear-gradient(to right, #27ae60, #4cd964); /* subtle green strip effect */
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; /* gradient text effect */
    margin: 20px 0 12px 0;       /* space above and below */
    text-align: center;           /* center on page */
    line-height: 1.2;
    padding: 6px 12px;            /* small padding for visual balance */
    border-radius: 8px;           /* soft edges like glass cards */
    box-shadow: 0 4px 12px rgba(0,0,0,0.15); /* subtle shadow */
}.wp-site-blocks .entry-hero-container-inner{
    background: none !important; /* remove any gradient or color */
}/* ===============================
   UM User Photos Modal Title
   =============================== */
/* Hover effect */
/* Remove card/glass style from UM user photos modal */
/* Glass-style Comment Form - Float Label */
.comment-form p.comment-form-float-label{
    margin-top: -1em; /* keeps it floating closer */

    background: rgba(255, 255, 255, 0.08); /* light glass effect */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    border-radius: 12px;
    padding: 12px 14px;

    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.12);

    transition: all 0.3s ease;
}/* Input inside float label */
.comment-form p.comment-form-float-label input,.comment-form p.comment-form-float-label textarea{
    background: transparent;
    border: none;
    outline: none;
    color: #000; /* dark text */
    width: 100%;
    font-size: 0.95rem;
    padding: 6px 0;
}/* Placeholder style */
.comment-form p.comment-form-float-label input::placeholder,.comment-form p.comment-form-float-label textarea::placeholder{
    color: rgba(0,0,0,0.5);
}@media (max-width: 1024px){body.single .entry-related{
        background: transparent !important;
    }}/* ===========================
   GLASS TITLE CARD WITH DOWN ARROW
   =========================== */

/* Card Container */
.wp-site-blocks .entry-related h2.entry-related-title{

    /* Glass effect */
    background: rgba(255, 255, 255, 0.15); /* Light transparent background */
    backdrop-filter: blur(8px); /* Glass blur */
    -webkit-backdrop-filter: blur(8px);
    border-radius: 12px;
    padding: 7px 20px;
    margin: 20px 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    text-align: center;
    position: relative; /* To position the arrow below */
    font-weight: 600;
    font-size: 1.25rem;
    color: #000000;
}/* Downward pointing arrow */
.wp-site-blocks .entry-related h2.entry-related-title::after{
    content: "↓"; /* Unicode down arrow */
    font-size: 1.5rem;
    position: absolute;
    bottom: -20px; /* Position it below the card */
    left: 50%;
    transform: translateX(-50%);
    color: #4cd964; /* Green color for the arrow */
    transition: all 0.3s ease;
}/* Hover effect for arrow */
.wp-site-blocks .entry-related h2.entry-related-title:hover::after{
    color: #27ae60; /* Darker green on hover */
    transform: translateX(-50%) translateY(5px); /* Slightly move arrow down on hover */
}/* ===== MAIN PHOTO CONTENT AREA ===== */
/* ===== LIKE + COMMENT COUNTERS ===== */
/* ===== ACTION FOOT (LIKE BUTTON AREA) ===== */
/* ===== LIKE BUTTON ===== */
/* Hover effect */
/* ===== ICON FIX ===== */
/* ===== COMMENTS BOX ===== */
/* ===== REMOVE OLD UGLY DEFAULT STYLE ===== */
/* ===== ACTION BAR (LIKE + COMMENT WRAPPER) ===== */
/* ===== ACTION BUTTONS BASE ===== */
/* ===== LIKE BUTTON HOVER ===== */
/* ===== COMMENT BUTTON HOVER ===== */
/* ===== ICON SIZE FIX ===== */
/* ===== REMOVE DEFAULT UGLY STYLES ===== */
/* ===== Ultimate Member Dropdown Text ===== */
/* Hover state */
/* Fix icons inside dropdown */
/* Ensure parent trigger doesn't force white */
.um .um-profile-body.reviews{
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
    color: #4f5254;
}/* ===== ALBUM BLOCK GLASS CARD ===== */
/* Hover lift effect (light, not heavy) */
/* ===== CLEAN OVERLAY FIX ===== */
/* Hover overlay effect */
/* ===== IMAGE FIX (FIT CARD CLEANLY) ===== */
.um-field-block{
color: #555555;
font-size: 17px;
}.wp-block-query .wp-block-post,.blog .post,.archive .post{
    padding: 0 !important;
}/* ===== RESET LIST ===== */
ul.kadence-posts-list{
    padding: 0;
    margin: 0;
    list-style: none;
}/* ===== GRID FIX (KEEP YOUR STRUCTURE) ===== */
.grid-cols{
    display: grid;
    grid-template-columns: minmax(3, 1fr);
    column-gap: 2.5rem;
    row-gap: 2.5rem;
}/* ===== EACH POST CARD ===== */
ul.kadence-posts-list li{
    background: rgba(255, 255, 255, 0.05); /* very light glass */
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);

    border-radius: 12px;
    padding: 16px;

    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);

    transition: all 0.25s ease;
}/* ===== TITLE INSIDE CARD ===== */
ul.kadence-posts-list li .entry-title{
    margin-bottom: 6px;
    line-height: 1.3;
}/* ===== EXCERPT CLEAN ===== */
ul.kadence-posts-list li .entry-summary{
    font-size: 0.9rem;
    opacity: 0.85;
    margin-top: 6px;
}/* ===== IMAGE FIX (IF PRESENT) ===== */
ul.kadence-posts-list li img{
    border-radius: 10px;
    margin-bottom: 10px;
}/* ===== CONTENT WRAP SAFE ===== */
.content-wrap{
    position: relative;
}/* ===== TAXONOMIES (CATEGORIES / TAGS) GLASS ===== */
.entry-taxonomies{
    margin-top: 10px;
}.entry-taxonomies a{
    display: inline-block;
    margin: 4px 6px 0 0;
    padding: 5px 10px;

    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none;

    color: #63728E;

    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);

    border-radius: 6px;
    border: 1px solid rgba(255,255,255,0.1);

    transition: all 0.2s ease;
}/* Hover effect */
.entry-taxonomies a:hover{
    background: rgba(76, 217, 100, 0.25);
    box-shadow: 0 0 8px rgba(76, 217, 100, 0.4);
}/* ===== READ MORE BUTTON (FORCED STYLE) ===== */
a.post-more-link{
    display: inline-block;
    margin-top: 12px;
    padding: 10px 16px;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-decoration: none;

    color: #63728E !important;

    background: linear-gradient(135deg, #4cd964, #2ecc71);
    border-radius: 8px;

    box-shadow: 0 6px 15px rgba(76, 217, 100, 0.35);

    transition: all 0.25s ease;
}/* Hover */
a.post-more-link:hover{
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(76, 217, 100, 0.5);
}/* ===== FORCE TEXT TO "MORE DETAILS" ===== */
a.post-more-link{
    font-size: 0 !important; /* hide original text */
}a.post-more-link::after{
    content: "MORE DETAILS";
    font-size: 12px;
}/* Darker glass for taxonomy tags */
.entry-taxonomies a{
    background: rgba(0, 0, 0, 0.25) !important; /* darker glass */
    color: #ffffff !important; /* always white text */
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    transition: all 0.2s ease;
}.entry-taxonomies a:hover{
    background: rgba(0, 128, 0, 0.35); /* greenish hover for visibility */
    box-shadow: 0 0 8px rgba(76, 217, 100, 0.5);
}/* ===== PAGINATION GLASS STYLE ===== */
.pagination .page-numbers{
    display: inline-block;
    margin-right: 0.5em;
    padding: 0 10px;
    
    min-width: 2.5em;
    height: 2.25em;
    
    line-height: 2.25em;
    text-align: center;
    text-decoration: none;
    
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 0.25rem;
    
    color: inherit;
    
    background: rgba(255, 255, 255, 0.1); /* Glass effect */
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    
    transition: all 0.3s ease;
}/* Hover effect */
.pagination .page-numbers:hover{
    background: rgba(76, 217, 100, 0.2); /* Green hover */
    color: #fff; /* White text on hover */
    border-color: rgba(76, 217, 100, 0.4);
    box-shadow: 0 0 10px rgba(76, 217, 100, 0.3);
}/* Active page (highlight) */
.pagination .page-numbers.current{
    background: rgba(76, 217, 100, 0.3); /* Green active */
    color: #fff;
    border-color: rgba(76, 217, 100, 0.4);
}/* First and Last page */
.pagination .page-numbers.first,.pagination .page-numbers.last{
    font-weight: bold;
}/* ===== UM NOTIFICATION PANEL BASE ===== */
/* ===== NOTIFICATION ITEMS ===== */
/* Glass style for individual notification */
/* Hover */
/* ===== UNREAD NOTIFICATIONS ===== */
/* ===== READ NOTIFICATIONS ===== */
/* ===== LOAD MORE BUTTON ===== */
/* ===== EMPTY NOTIFICATIONS ===== */
/* ===== AJAX LOADING WRAPPER ===== */
.um-ajax-loading-wrap{
    min-height: 100px;
    position: relative;
}/* Ensure items stay visible inside the panel */
/* ===== DEFAULT SMALL ICONS ===== */
.um-faicon-ellipsis-h{
    width: 28px;
    height: 28px;
    font-size: 13px;
}/* ===== KEEP CLOSE ICON (X) BIGGER ===== */
.um-icon-android-close{
    width: 40px;
    height: 40px;
    font-size: 20px;
}/* ===== OPTIONAL: BETTER ALIGNMENT ===== */
.um-faicon-ellipsis-h,.um-icon-android-close{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}/* ===== BASE ICON STYLE ===== */
.um-icon-android-close,.um-faicon-ellipsis-h{

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

    width: 36px;
    height: 36px;

    font-size: 16px;
    color: #ffffff;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);

    border: 1px solid rgba(255,255,255,0.12);

    box-shadow: 0 4px 10px rgba(0,0,0,0.25);

    cursor: pointer;
    transition: all 0.2s ease;
}/* ===== HOVER EFFECT ===== */
.um-icon-android-close:hover,.um-faicon-ellipsis-h:hover{
    background: rgba(76, 217, 100, 0.25);
    box-shadow: 0 0 10px rgba(76, 217, 100, 0.5);
    transform: scale(1.08);
}/* ===== ACTIVE CLICK ===== */
.um-icon-android-close:active,.um-faicon-ellipsis-h:active{
    transform: scale(0.95);
}/* ===== POSITION FIX (OPTIONAL) ===== */
.um-icon-android-close{
    position: absolute;
    top: 12px;
    right: 12px;
}.um-faicon-ellipsis-h{
    position: absolute;
    top: 12px;
    left: 12px;
}/* Make ONLY the ellipsis icon smaller */
.um-faicon-ellipsis-h{
    width: 16px;
    height: 15px;
    font-size: 13px;
}#pwaforwp-nbfp-menu-wrapper{
          display: none !important;
        }@media (max-width: 1024px){body.single .content-bg,body.content-style-unboxed.single .site{
        background-color: var(--global-palette6);
        background-position: center;
        background-size: cover; /* Added to ensure the image fills the area */
        background-repeat: no-repeat;
    }}@media (max-width: 767px){.content-area{
margin-top: -1rem;
margin-bottom: 2rem;
}}.entry-related-inner-content{
      padding-top: 0;
      padding-bottom: var(--global-xl-spacing);
      padding-left: var(--global-sm-spacing);
      padding-right: var(--global-sm-spacing);
    }.comment-form p.comment-form-float-label input,.comment-form p.comment-form-float-label textarea{
    background: #5d3b3b4f !important;
    border: none !important;
    outline: none !important;
    color: #000 !important;
    width: 100% !important;
    font-size: 0.95rem !important;
    padding: 6px 0 !important;
}.comment-body{
  background: #202c2c !important;
  border-radius: 10px !important;
  padding: 14px !important;
  margin-bottom: 12px !important;
  border-left: 3px solid #4cd964 !important;
  box-shadow: 0 0 3px 10px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.2s ease !important;
}.comment-content,.comment-body,.comment-meta{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
  color: #e5e5e5 !important;
}/* Base footer styling */
footer{
  font-size: 9px;       /* small font */
  line-height: 1.1;      /* tight spacing */
  text-align: center;
}/* Top row layout (About + Legal) */
footer > div:first-child{
  display:flex;
  justify-content: space-between;
  margin-bottom: 2px;
}footer > div:first-child > div{
  width: 100%;
}/* Left & right text */
footer > div:first-child > div:first-child{
  text-align: left;
}footer > div:first-child > div:last-child{
  text-align: right;
}/* Disclaimer & copyright */
footer > div:last-child p{
  margin: 1px 0;
  font-size: 8px;        /* smaller disclaimer */
  line-height: 1.1;
}/* Links inline for compact look */
footer a{
  display: inline;
  margin: 2px;
  text-decoration: none;
}/* Mobile adjustments */
@media (max-width: 768px){
  footer > div:first-child > div {
    width: 100%;
    text-align: center;
  }
  footer {
    font-size: 9px;       /* slightly smaller on mobile */
  }
  footer > div:last-child p {
    font-size: 7px;       /* ultra-small disclaimer on mobile */
  }
}.widget-area a:where(:not(.button):not(.wp-block-button__link):not(.wp-element-button)){
color: #b9bdc5;
text-decoration: none;
}footer p{
  display: block !important;
  align-items: center;
  gap: 6px;
  margin: 4px 0;
  flex-wrap: wrap;
}/* Customizing Ultimate Member Message Textarea */
/* WordPress Ultimate Member Profile Body Styling */
.um-profile-body span{
    font-size: 0.8rem;
    line-height: 1.6;
}.single-post .entry-content a{
    color: #ffffff !important;
}/* ===== YOUR MESSAGE (RIGHT SIDE) ===== */
/* ===== POINTER (RIGHT SIDE) ===== */
/* Stronger blue pointer */
a{
      color: #ffffff ;
      text-underline-offset: .1em;
      transition: all .1s linear;
    }/* Ultimate Member Message Textarea - Premium Glass Style */
/* Focus Effect */
/* Placeholder Text Styling */
/* Optional: smooth scroll for long text */
.um-form .um-profile-connect a,.um-form .um-friends-coverbtn a{
border-radius: 20px;
padding: 1px 1px;
border: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.2s ease;
}/* ===== RADIO SELECT CONTAINER ===== */
select{
    width: 100%;
    max-width: 320px;

    padding: 12px 14px;
    font-size: 14px;
    font-weight: 500;

    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);

    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.15);

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

    box-shadow: 0 6px 18px rgba(0,0,0,0.25);

    outline: none;
    cursor: pointer;

    transition: all 0.25s ease;
}/* ===== HOVER ===== */
select:hover{
    border-color: rgba(76, 217, 100, 0.6);
    box-shadow: 0 0 10px rgba(76, 217, 100, 0.4);
}/* ===== FOCUS ===== */
select:focus{
    border-color: #4cd964;
    box-shadow: 0 0 12px rgba(76, 217, 100, 0.6);
}/* ===== OPTIONS (LIMITED SUPPORT) ===== */
select option{
    background: #7393B3;
    color: #ffffff;
    font-size: 14px;
}/* ===== OPTIONAL WRAPPER (RADIO CARD STYLE) ===== */
.radio-player{
    max-width: 350px;
    margin: 20px auto;
    padding: 18px;

    background: rgba(255,255,255,0.06);
    backdrop-filter: blur(10px);

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

    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}/* ===== TITLE ===== */
.radio-player h3{
    margin-bottom: 10px;
    font-size: 14px;
    letter-spacing: 0.05em;
    color: #ffffff;
}/* ===== PLAYER CARD ===== */
.radio-player{
    max-width: 380px;
    margin: 20px auto;
    padding: 18px;

    background: rgba(255,255,255,0.06);
    backdrop-filter: blur(10px);

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

    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}/* ===== TITLE ===== */
.radio-player h3{
    font-size: 13px;
    letter-spacing: 0.08em;
    margin-bottom: 12px;
    color: #ffffff;
}/* ===== AUDIO PLAYER ===== */
#truck-radio-player{
    width: 100%;
    border-radius: 10px;
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(6px);

    padding: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}.wp-block-query .wp-block-post-excerpt,.wp-block-query .entry-summary{
    padding: 2px 6px !important;
}.single-content{
    margin-bottom: 0 !important;
}body.single-post article .entry-content{
    padding: 9px !important;
}body.single-post article .entry-content{
    padding: 9px
}.wp-block-query .wp-block-post_excerpt,.blog .post .entry-summary,.archive .post .entry-summary{
    color: white !important;
}.um-135.um,.um-136.um{
    background: none !important;
}/* Container adjustment */
.um-col-alt{
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 0;
}/* Glass Button Styles */
.um-half{
    flex: 1; /* Ensures equal width */
}.um-half a,.um-half button{
    display: block;
    width: 100%;
    text-align: center;
    padding: 12px;
    
    /* Glassmorphism Effect */
    background: rgba(255, 255, 255, 0.1); /* Light glass */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 5px;
    
    /* Text/color styling */
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.3s ease;
}.um-half a:hover{
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}a.um-link-alt{
line-height: 22px;
color: #515151 !important;
display: block !important;
text-decoration: none !important;
font-weight: 400;
text-align: center;
border-bottom: none !important;
}/* OPTION 1: Full Path Specificity (Beats standard two-class rules) */
.um.um-register.um-135 .um-form .um-field.um-field-type_terms_conditions{
    padding: 20px !important;
    box-shadow: 0 4px 10px rgba(0 0 0 / 0%1) !important;
}.post{
    max-width: 700px;
    margin: auto;
}.post img{
    max-width: 100%;
    height: auto;
    max-height: 300px; /* 👈 key fix */
    object-fit: cover;
}body.single .content-bg,body.content-style-unboxed.single
.site{
background: #71809600 !important;
}#reply-title{
    font-size: 0;
}#reply-title::before{
    content: "Leave a Comment";
    font-size: 20px;
}/* =========================
   🔥 RELATED POSTS SECTION
   ========================= */

/* SECTION WRAPPER SPACING */
.kt-blocks-posts-carousel{
    margin-top: 40px;
}/* =========================
   🎯 TITLE: You Might Also Like
   ========================= */

/* Hide default title */
.kt-blocks-posts-carousel .kt-blocks-title{
    font-size: 0;
}/* =========================
   🎴 CARD DESIGN
   ========================= */

.kt-blocks-post-grid-item{
    background: #1e1e1e;
    border-radius: 14px;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 6px 18px rgba(0,0,0,0.35);
    position: relative;
}/* Hover effect */
.kt-blocks-post-grid-item:hover{
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.6);
}/* =========================
   🖼 IMAGE DESIGN
   ========================= */

.kadence-post-image{
    position: relative;
    overflow: hidden;
}/* Image size control */
.kadence-post-image img{
    width: 100%;
    height: 160px;
    object-fit: cover;
    transition: transform 0.4s ease;
}/* Zoom on hover */
.kt-blocks-post-grid-item:hover img{
    transform: scale(1.08);
}/* =========================
   📝 CONTENT AREA
   ========================= */

.kt-blocks-post-grid-item-inner{
    padding: 12px 14px;
}/* Title hover */
.kt-blocks-post-grid-item h2:hover,.kt-blocks-post-grid-item h3:hover{
    color: #ff4747;
}/* =========================
   🚫 REMOVE EXTRA META
   ========================= */

.kt-blocks-post-grid-item .entry-meta,.kt-blocks-post-grid-item .posted-on,.kt-blocks-post-grid-item .byline{
    display: none;
}/* =========================
   🎯 SLIDER SPACING
   ========================= */

.splide__slide{
    padding: 6px;
}/* Remove weird extra spacing */
.kb-splide .splide__track{
    padding: 0 !important;
}/* =========================
   🔘 OPTIONAL: DOWNLOAD BADGE
   ========================= */

.kt-blocks-post-grid-item::after{
    content: "YOU MAY ALSO LIKE";
    position: absolute;
    top: 10px;
    left: 10px;
    background: #ff4747;
    color: #fff;
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 20px;
    font-weight: 600;
}/* =========================
   ✨ SMOOTH LOOK
   ========================= */

.kt-blocks-post-grid-item,.kadence-post-image img{
    will-change: transform;
}/* ===== GLASS CARD FIX ===== */
.kt-blocks-post-grid-item{

    background: rgba(255, 255, 255, 0.06) !important; /* transparent glass */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    border-radius: 14px;
    overflow: hidden;

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

    transition: all 0.3s ease;

    box-shadow: 0 6px 18px rgba(0,0,0,0.25);
    position: relative;
}.kt-blocks-post-grid-item .entry-title
    a:not(.button):not(.list){
    color: #000000 !important;
    display: block;
    text-decoration: none;
    }.kt-post-loop4258_09b3c9-a0 .kt-blocks-post-grid-item .kt-blocks-post-grid-item-inner{ 
    padding: 10px; 
}/* ===== EDD SINGLE TITLE GLASS CARD ===== */
body.single-download .entry-title{

    position: relative;

    display: inline-block;

    background: rgba(255, 255, 255, 0.08); /* glass */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    color: #ffffff !important;

    padding: 10px 14px;   /* small compact card */
    border-radius: 10px;

    box-shadow: 0 8px 20px rgba(0,0,0,0.25);

    margin-bottom: 12px; /* brings it closer to content */
}/* ===== SMALL GREEN STRIP ON TITLE ===== */
body.single-download .entry-title::before{

    content: "";
    position: absolute;

    left: 0;
    top: 0;

    width: 3px;   /* tiny strip */
    height: 100%;

    background: #4cd964;

    border-radius: 10px 0 0 10px;
}/* ===== FULL EDD CONTENT WRAP CARD ===== */
body.single-download .entry-content-wrap,body.edd-checkout .entry-content-wrap{

    max-width: 850px;
    margin: 20px auto;

    padding: 30px;

    background: rgba(255, 255, 255, 0.06); /* glass */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    border-radius: 14px;

    box-shadow: 0 10px 30px rgba(0,0,0,0.25);
    border: 1px solid rgba(255,255,255,0.12);
}/* ===== FIX EDD BLOCKS FULL WIDTH SPACING ===== */
.edd-blocks_checkout,.edd-blocks,.edd-blocks-cart,.edd-blocks-form{

    max-width: 100% !important;
    width: 100% !important;

    margin: 0 auto !important;
}/* ===== CART HEADER CLEANUP ===== */
.edd-cart-header,.edd-blocks-cart .edd_cart_header{

    background: rgba(255,255,255,0.05);
    border-radius: 10px;

    padding: 10px;

    color: #ffffff !important;
}/* ===== TEXT COLOR FIX ===== */
body.single-download,body.edd-checkout{

    color: #ffffff !important;
}body.single-download p,body.edd-checkout p,body.single-download label,body.edd-checkout label{

    color: #ffffff !important;
}/* ===== INPUT FIELDS CLEAN LOOK ===== */
.edd-blocks-form input,.edd-blocks-form select,.edd-blocks-form textarea{

    background: rgba(255,255,255,0.08);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.15);

    border-radius: 8px;

    padding: 10px;
}/* ===== BUTTONS (KEEP FUNCTIONALITY) ===== */
.edd-submit,button.edd-submit{

    background: #4cd964 !important;
    color: #000 !important;

    border-radius: 8px;

    padding: 12px 18px;

    font-weight: 600;

    box-shadow: 0 6px 15px rgba(0,0,0,0.25);
}/* hover */
.edd-submit:hover,button.edd-submit:hover{

    filter: brightness(0.9);
}.edd-alert-success{
    background-color: #429c1d;
    border-color: #d6e9c6;
    color: #3c763d;
}.edd-alert{
    border: none; /* Removed the 1px solid border */
    border-radius: 2px;
    margin-bottom: 20px;
    padding: 10px;
    vertical-align: middle;
}.edd-alert-error{
background-color: #b31515 !important;
color: #fff !important;
}/* --- Base Card (Upgraded) --- */
.edd-blocks__download{

    border-radius: 14px;
    padding: 18px;
    margin-bottom: 20px;

    /* Glass + soft Apple gradient */
    background: linear-gradient(145deg, rgba(245,245,245,0.08), rgba(211,211,211,0.04));
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

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

    /* 3D depth */
    box-shadow:
        0 4px 10px rgba(0,0,0,0.12),
        0 12px 28px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.05);

    position: relative;
    overflow: hidden;

    transition: all 0.25s ease;
}/* --- Green Strip Accent --- */
.edd-blocks__download::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: #6B7891;
    border-radius: 14px 0 0 14px;
}/* --- Hover Effect --- */
.edd-blocks__download:hover{
    transform: translateY(-5px) scale(1.01);

    box-shadow:
        0 10px 20px rgba(0,0,0,0.2),
        0 20px 40px rgba(0,0,0,0.25),
        0 0 14px rgba(76,217,100,0.15); /* soft green glow */
}/* --- Header / Title --- */
.edd-blocks__download-header h3{

    font-size: 1.05rem;
    font-weight: 700;
    color: #111111; /* dark strong title */
    margin-top: 0;
    margin-bottom: 8px;
    letter-spacing: 0.2px;
}/* --- Description --- */
.edd-blocks__download-content{

    font-size: 0.9rem;
    color: #ffffff; /* white clean text */
    line-height: 1.5;
}/* --- Price --- */
.edd-blocks_download-price{

    margin-top: 6px;
    font-size: 1rem;
    font-weight: 700;
    color: #4cd964; /* green highlight */
}/* --- Featured Badge Card --- */
.edd-blocks__download--featured-badge{

    border: 1px solid rgba(76,217,100,0.3);
    background: linear-gradient(145deg, rgba(76,217,100,0.08), rgba(255,255,255,0.05));

    box-shadow:
        0 6px 18px rgba(0,0,0,0.2),
        0 0 12px rgba(76,217,100,0.2);
}/* --- Footer --- */
.edd-blocks__download-footer{
    margin-top: 14px;
    text-align: right;
}/* --- Button --- */
.edd-blocks__download-footer a,.edd-add-to-cart,.edd-submit{

    padding: 10px 16px;
    border-radius: 8px;

    background: rgba(255,255,255,0.08);
    color: #ffffff;

    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;

    box-shadow: 0 4px 12px rgba(0,0,0,0.2);

    transition: all 0.25s ease;
}/* --- Button Hover --- */
.edd-blocks__download-footer a:hover,.edd-add-to-cart:hover,.edd-submit:hover{

    background: #4cd964;
    color: #000000;

    box-shadow: 0 0 14px rgba(76,217,100,0.4);
}/* --- Title Card (Apple Style) --- */
.edd-blocks__download-header{

    background: linear-gradient(145deg, rgba(245,245,245,0.08), rgba(211,211,211,0.05));
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    padding: 12px 16px;
    border-radius: 10px;

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

    box-shadow:
        0 2px 6px rgba(0,0,0,0.1),
        inset 0 1px 0 rgba(255,255,255,0.05);

    margin-bottom: 10px;

    transition: all 0.25s ease;
}/* --- Title Text --- */
.edd-blocks__download-header h3{

    margin: 0;
    font-size: 1rem;
    font-weight: 600;

    color: #111111; /* dark Apple-style text */
    letter-spacing: 0.2px;
}/* --- Hover (subtle Apple lift) --- */
.edd-blocks__download:hover .edd-blocks__download-header{

    transform: translateY(-1px);
    box-shadow:
        0 6px 14px rgba(0,0,0,0.15),
        inset 0 1px 0 rgba(255,255,255,0.05);
}/* --- Price Container --- */
.edd-blocks__download-price{
    display: inline-block;
    margin-top: 8px;
}/* --- Price Badge --- */
.edd-blocks__download-price .edd_price,.edd-blocks__download-price .edd-price,.edd-blocks__download-price span{

    display: inline-block;

    padding: 6px 12px;
    border-radius: 999px;

    background: linear-gradient(145deg, #ff8c42, #ff5722);
    color: #ffffff;

    font-size: 0.85rem;
    font-weight: 600;

    box-shadow:
        0 4px 10px rgba(255,87,34,0.3),
        inset 0 1px 0 rgba(255,255,255,0.2);

    transition: all 0.25s ease;
}/* --- Hover --- */
.edd-blocks__download-price span:hover{
    transform: scale(1.05);
    box-shadow:
        0 6px 16px rgba(255,87,34,0.5),
        0 0 10px rgba(255,140,66,0.4);
}.edd-blocks__download-image-link img{
    display: none !important;
}/* Container Spacing for UM Profile */
.um-profile-body.my-downloads.downloads-default{
    padding: 20px 0;
}/* Main Table Styling */
#edd_user_history{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(109,106,106,0.84); /* stronger shadow */
    border: 1px solid #eee;
    margin-bottom: 20px;
}/* Table Header Styles */
#edd_user_history thead th{
    background-color: #1ac933 !important;
    color: #ffffff !important;
    padding: 15px 20px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.5px;
    border: none;
}/* Table Body Rows - CLEAN (no padding, no border) */
#edd_user_history tbody td{
    padding: 0 !important; /* OFF */
    border-bottom: none !important; /* OFF */
    vertical-align: middle;
}/* Remove Zebra Striping (transparent rows) */
#edd_user_history tbody tr:nth-child(even){
    background-color: transparent !important;
}/* Optional: subtle hover without heavy background */
#edd_user_history tbody tr:hover{
    background-color: rgba(255,255,255,0.05) !important;
}/* Remove last border (already removed but safe) */
#edd_user_history tbody tr:last-child td{
    border-bottom: none;
}/* Download Links */
#edd_user_history .edd_download_file_link{
    text-decoration: none;
    font-weight: bold;
    padding: 6px 12px;
    border-radius: 4px;
    background: rgba(255,255,255,0.08);
    color: #000000;
    font-size: 12px;
}#edd_user_history .edd_download_file_link:hover{
    background: rgba(255,255,255,0.15);
}/* Hide the default "Paystack" text */
#edd-gateway-option-paystack{
    font-size: 0 !important;
    display: inline-flex;
    align-items: center;
}/* Insert the payment image at 244x48 */
#edd-gateway-option-paystack::after{
    content: "";
    display: inline-block;
    background-image: url('https://www.hll-world.com/wp-content/uploads/2026/04/Payments-scaled.webp');
    background-size: contain;
    background-repeat: no-repeat;
    
    /* Set dimensions to 244x48 as requested */
    width: 306px; 
    height: 66px;
    
    margin-left: 10px;
    vertical-align: middle;
}/* Ensure the radio button stays centered with the larger image */
#edd-gateway-option-paystack input[type="radio"]{
    margin-right: 8px;
    vertical-align: middle;
}.wp-block-edd-checkout #edd-payment-mode-wrap label.edd-gateway-option.edd-gateway-option-selected,.wp-block-edd-checkout #edd-payment-mode-wrap label.edd-gateway-option:hover{
background-color: #005eb8cf !important;
}/* Replace EDD Purchase Button with Custom Image */
#edd-purchase-button{
    /* Hide the original button text and background */
    background: url('https://www.hll-world.com/wp-content/uploads/2026/04/Make-payments-scaled.webp') no-repeat center center !important;
    background-size: contain !important;
    color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    
    /* Set dimensions - Adjust these to match your image aspect ratio */
    width: 250px; 
    height: 80px;
    
    /* Ensure it behaves like a button */
    display: inline-block;
    cursor: pointer;
    text-indent: -9999px; /* Accessibility: moves text off-screen */
}/* Hover effect (optional) */
#edd-purchase-button:hover{
    opacity: 0.8;
    background-color: transparent !important;
}body,input,select,optgroup,textarea{
    color: #222024 !important;
}.edd-blocks-receipt__items,.edd-blocks-receipt__totals{
    border: 1px solid #8a9ea7 !important;
}.edd-blocks-receipt__row-header{
border-bottom: 1px solid #eeeeee00 !important;
font-size: 1.1rem;
font-weight: 700;
padding-bottom: .5rem;
}.edd-blocks-receipt__row-item{
    border-bottom: 1px solid #6a1e1e00 !important;
    padding: .5rem 0;
}/* Fix to prevent padding/border from breaking layout */
.hll-slide,.hll-slide *{
    box-sizing: border-box;
}.hll-slide{
    position: relative;
    border-radius: 18px;
    padding: 20px; /* Adjusted for better spacing */
    overflow: hidden;
    background: rgba(99, 114, 142, 0.55);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px); /* Safari support */
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.25);
    color: #ffffff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    width: 100%; /* Ensures responsiveness */
}/* Hover effect restricted to hover-capable devices */
@media (hover: hover){
    .hll-slide:hover {
        transform: translateY(-6px);
        box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35);
    }
}/* Title styling */
.hll-title{
    font-size: 1.25rem; /* Use rem for better scalability */
    font-weight: 700;
    margin-bottom: 8px;
    color: #fff;
}.hll-title a{
    color: #fff;
    text-decoration: none;
}/* Price tag */
.hll-price{
    display: inline-block;
    background: rgba(255, 255, 255, 0.15);
    padding: 5px 10px;
    border-radius: 8px;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 0.9rem;
}/* Content styling */
.hll-content{
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
}/* Images inside content - Force fluid, prevent overflow */
.hll-content img{
    max-width: 100% !important;
    height: auto !important;
    border-radius: 12px;
    margin: 10px 0;
    display: block;
}/* Buy button */
.hll-buy a{
    display: inline-block;
    margin-top: 15px;
    padding: 10px 16px;
    border-radius: 10px;
    background: #ffffff;
    color: #1e2a3a;
    font-weight: bold;
    text-decoration: none;
    transition: 0.3s;
    width: auto;
}.hll-buy a:hover{
    background: #e9eef7;
}/* Mobile tuning */
@media (max-width: 768px){
    .hll-slide {
        padding: 16px;
    }
    .hll-title {
        font-size: 1.1rem;
    }
}.hll-continue-shop{
    margin-top: 15px;
}.hll-continue-btn{
    display: inline-block;
    padding: 10px 16px;
    border-radius: 12px;

    background: #ffffff;
    color: #1e2a3a;
    font-weight: bold;
    text-decoration: none;

    transition: 0.3s ease;
}.hll-continue-btn:hover{
    background: #e9eef7;
    transform: translateY(-2px);
}/* spacing before products */
.hll-store-preview{
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}/* keep your red warning style consistent */
.hll-empty-warning{
    display: inline-block;
    margin-top: 8px;
    padding: 6px 12px;
    border-radius: 10px;

    background: rgba(255, 0, 0, 0.15);
    color: #ff4d4d;

    font-weight: bold;
    font-size: 0.9rem;
}.edd-reviews-not-allowed{
background: #c10000;
display: block;
padding: 10px;
}#loginform{
        display: none !important;
    }.edd-wallet-value{
  color: #fbfbfb;
  background-color: #ff6600; /* A common vibrant orange color */
  padding: 5px 15px; /* Adds space around the text */
  border-radius: 20px; /* Creates the rounded "pill" shape */
  display: inline-block; /* Ensures the background wraps the content correctly */
}.select2-container .select2-choice,.select2-container-multi .select2-choices,.um .um-form input[type=number],.um .um-form input[type=password],.um .um-form input[type=search],.um .um-form input[type=tel],.um .um-form input[type=text],.um .um-form textarea{
background-color: #d7b8b880;
}#edd_wallet_deposit_amount_wrapper{
    width: 0 !important;
}/* Target the specific deposit button */
input.edd-wallet-deposit.button{
    /* Hide the original text */
    color: transparent !important;
    text-shadow: none !important;
    
    /* Set the new image background */
    background-image: url('https://www.hll-world.com/wp-content/uploads/2026/04/Deposit-Funds.webp') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important;
    
    /* Adjust dimensions to match your image */
    width: 200px;  /* Adjust based on image width */
    height: 50px;  /* Adjust based on image height */
    border: none !important;
    cursor: pointer;
}/* Ensure text stays hidden on hover */
input.edd-wallet-deposit.button:hover{
    color: transparent !important;
}.hll-premium-store a{
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  padding: 10px 12px;
  border-radius: 8px;
  background: linear-gradient(90deg, #1a1a1a, #2a2a2a);
  transition: 0.3s ease;
}.hll-premium-store a:hover{
  transform: translateX(4px);
  background: linear-gradient(90deg, #2a2a2a, #3a3a3a);
}.hll-store-icon{
  width: 22px;
  height: 22px;
  object-fit: contain;
}.hll-badge{
  margin-left: auto;
  font-size: 10px;
  padding: 3px 6px;
  border-radius: 4px;
  background: gold;
  color: #000;
  font-weight: 700;
}.hll-side-menu{
  width: 180px;              /* 👈 CHANGE THIS VALUE */
  flex: 0 0 180px;          /* 👈 MUST MATCH WIDTH */
}.popup-drawer .drawer-inner{
    width: unset
}.hll-side-menu::before{
  content: "";
  display: block;
  width: 100%;
  height: 100px; /* adjust logo height */

  background-image: url("https://www.hll-world.com/wp-content/uploads/2026/04/Hll-world.com-2.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

  margin-bottom: 15px;
}span:hover{
    color: #ffffff !important;
    cursor: pointer;
    transition: color 0.3s ease;
}/* Targeted CSS for the featured badge background */
.edd-blocks__download--featured-badge{
    background: linear-gradient(
        145deg, 
        #E91E63, 
        rgba(255, 255, 255, 0.05)
    ) !important;
}/* ================================
   1. GRID CONTAINER FIX
================================ */
.edd-blocks__columns-3{
    display: grid;
    /* Use 'auto-fill' so cards stay a fixed size instead of stretching */
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); 
    gap: 20px;
    padding: 20px;
    max-width: 1200px; /* Limits how wide the whole store can get */
    margin: 0 auto;    /* Centers the store on the screen */
    box-sizing: border-box;
}/* ================================
   2. INDIVIDUAL CARD STYLING
   (This prevents the long vertical stretch)
================================ */
.edd_download{
    display: flex;
    flex-direction: column;
    height: 100%;
    background: rgba(255, 255, 255, 0.05); /* Optional: slight background */
    border-radius: 12px;
    overflow: hidden;
    padding-bottom: 15px;
}/* Ensure images/sliders don't distort */
.edd_download_image img{
    width: 100%;
    height: 200px; /* Fixed height for a uniform look */
    object-fit: cover;
}/* ================================
   3. MOBILE ADJUSTMENTS
================================ */
@media (max-width: 600px){
    .edd-blocks__columns-3 {
        /* On small phones, 1 column looks cleaner than 2 squished ones */
        grid-template-columns: 1fr; 
        padding: 10px;
    }
}L
/* ================================
   MOBILE OPTIMIZED SMALL CARDS
================================ */
@media (max-width: 600px){

    /* GRID (keep single column but tighter) */
    .edd-blocks__columns-3 {
        grid-template-columns: 1fr;
        gap: 10px; /* reduced gap */
        padding: 8px;
    }

    /* CARD SIZE CONTROL */
    .edd_download {
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 10px;
        overflow: hidden;

        padding-bottom: 6px; /* reduced */
        box-shadow: 0 2px 10px rgba(0,0,0,0.15); /* lighter shadow */
    }

    /* IMAGE (BIGGEST SIZE FIX) */
    .edd_download_image img {
        height: 140px !important; /* smaller than 180 */
        width: 100%;
        object-fit: cover;
        border-radius: 10px 10px 0 0;
    }

    /* TITLE (smaller + tighter) */
    .edd_download_title {
        font-size: 1rem !important;
        padding: 8px 12px 4px 12px;
        margin: 0;
    }

    /* EXCERPT (more compact) */
    .edd_download_excerpt p {
        font-size: 0.85rem;
        line-height: 1.3;
        color: rgba(255, 255, 255, 0.75);

        padding: 0 12px;
        margin-bottom: 8px;

        display: -webkit-box;
        -webkit-line-clamp: 2; /* reduced from 3 */
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* BUTTON AREA */
    .edd_download_buy_button {
        padding: 0 12px;
    }

    .edd-add-to-cart {
        width: 100% !important;
        font-size: 13px !important; /* smaller */
        padding: 9px !important;
        border-radius: 8px !important;
    }
}/* ================================
   RELATED ITEMS CARD DESIGN
================================ */
.edd-rp-item{
    text-align: center;
    float: left;
    width: 200px;
    min-height: 240px;

    /* Card look */
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;

    /* Glass effect */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    /* Spacing */
    padding: 12px;
    margin: 8px;

    /* Depth */
    box-shadow: 0 4px 12px rgba(0,0,0,0.18);

    /* Smooth UI */
    transition: all 0.25s ease;
    overflow: hidden;
}/* Hover effect (premium lift) */
.edd-rp-item:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
    border-color: rgba(76, 217, 100, 0.3); /* your green accent */
}/* Image inside card */
.edd-rp-item img{
    width: 100%;
    height: 140px;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 8px;
}/* Title */
.edd-rp-item .edd-rp-title,.edd-rp-item h3,.edd-rp-item a{
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    margin: 4px 0;
    display: block;
}/* Price - orange pill style */
.edd-rp-item .edd_price{
    display: inline-block;
    background: #ff8c00; /* orange */
    color: #ffffff !important;
    
    padding: 4px 10px;
    border-radius: 999px; /* full pill radius */
    
    font-size: 12px;
    font-weight: 600;
    
    margin-top: 6px;
}/* ================================
   CONTAINER SETUP
================================ */
.edd-rp-items-wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}/* ================================
   MOBILE (2 COLUMNS & LIMIT)
================================ */
.edd-rp-item{
    width: calc(50% - 20px);
    margin: 10px;
    box-sizing: border-box;
}/* Hides every item starting from the 3rd one on mobile */
.edd-rp-item:nth-child(n+3){
    display: none;
}/* ================================
   DESKTOP (3 COLUMNS)
================================ */
@media (min-width: 960px){
    .edd-rp-item {
        width: calc(33.333% - 20px);
    }

    /* Re-shows the hidden items on desktop */
    .edd-rp-item:nth-child(n+3) {
        display: block; /* or flex, depending on your card style */
    }
}/* Apply ONLY inside related product cards */
.edd-rp-item input.edd-input,.edd-rp-item select.edd-select,.edd-rp-item textarea.edd-input{
    display: none !important;
    width: 100% !important;
}.edd-blocks__download-header{
    background: linear-gradient(145deg, rgb(255, 255, 255), rgba(211, 211, 211, 0.05));
}.single-content .wp-block-kadence-advancedgallery+p{
    margin-top: 0 !important;
}/* ================================ MAIN DASHBOARD CONTAINER (STRETCHED FIX) ================================ */
.fes-vendor-dashboard-wrap{
    max-width: 1200px;
    width: 100%; /* Stretch to full width */
    margin: 25px auto;
    padding: 20px;
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    box-sizing: border-box; /* Critical for stretching without overflow */
}/* ================================ COMMENTS WRAP (GLASS CARD) ================================ */
.fes-comments-wrap{
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding: 14px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    overflow: hidden;
}/* ================================ TABLE & TEXT COLORS (BLACK TEXT FIX) ================================ */
#fes-comments-table{
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 12px;
}/* Forces Author and Comment text to Black */
#fes-comments-table td,#fes-comments-table td a,#fes-comments-table .fes-comment-content{
    color: #000000 !important; /* Overrides previous white text */
    padding: 12px 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}#fes-comments-table th{
    color: #333333; /* Darker header for contrast */
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0.1);
}/* ================================ MOBILE RESPONSIVENESS (FULL WIDTH) ================================ */
@media screen and (max-width: 768px){
    /* Remove any theme-forced margins/padding that narrow the card */
    .fes-vendor-dashboard-wrap {
        margin: 10px 0 !important; 
        padding: 10px !important;
        width: 100% !important;
        border-radius: 0; /* Optional: edge-to-edge look on mobile */
    }

    .fes-comments-wrap {
        padding: 5px;
        overflow-x: auto; /* Prevent table from breaking the card width */
        -webkit-overflow-scrolling: touch;
    }

    #fes-comments-table {
        min-width: 500px; /* Ensure content isn't squashed */
    }
}/* DASHBOARD MAIN WRAP - FORCE FULL WIDTH & SQUARE EDGES */
.fes-vendor-dashboard-wrap{
    width: 100% !important;
    max-width: none !important; /* Overrides theme max-width constraints */
    min-width: 0 !important;
    flex: unset !important;      /* Prevents flexbox from squashing the container */
    border-radius: 0px !important;
}/* TABLE CONTAINER - ENABLE SCROLLING */
.fes-comments-wrap{
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    border-radius: 0px !important;
}/* TABLE - PREVENT SQUASHING */
#fes-comments-table{
    min-width: 600px !important; /* Ensures the table doesn't shrink below 600px */
    width: 100% !important;
    border-radius: 0px !important;
}/* OPTIMIZED DARK SCROLLABLE TABLE */
table{
    display: block;
    width: 100%;
    overflow-x: auto;
    
    /* Performance & Smoothness */
    -webkit-overflow-scrolling: touch; /* Momentum scrolling for iOS */
    will-change: transform; /* Triggers GPU acceleration */
    scrollbar-gutter: stable; /* Prevents layout jump when scrollbar appears */
}/* CUSTOM DARK SCROLLBAR (Chrome, Safari, Edge) */
table::-webkit-scrollbar{
    height: 8px; /* Height of horizontal scrollbar */
    background-color: #1a1a1a; /* Dark background */
}table::-webkit-scrollbar-thumb{
    background: #444; /* Darker grey handle */
    border-radius: 10px;
    border: 2px solid #1a1a1a; /* Creates padding effect */
}table::-webkit-scrollbar-thumb:hover{
    background: #666; /* Lightens on hover */
}/* FIREFOX SCROLLBAR SUPPORT */
table{
    scrollbar-width: thin;
    scrollbar-color: #444 #1a1a1a;
}/* Target EDD price span correctly */
.edd_price,.edd.price,span[id^="edd_price"]{
    display: inline-block;

    background: #ff8c00; /* orange */
    color: #ffffff !important;

    padding: 4px 10px;
    border-radius: 999px;

    font-size: 12px;
    font-weight: 600;

    line-height: 1.2;
}/* ================================
   1. MAKE DOWNLOAD TITLES WHITE
================================ */
#fes-product-list td a,#fes-product-list .fes-product-title a{
    color: #ffffff !important;
}/* ================================
   2. FIX TABLE ALIGNMENT
================================ */
#fes-product-list td{
    vertical-align: middle; /* fixed typo */
}/* ================================
   3. STRETCH ITEMS ON DESKTOP
================================ */
@media (min-width: 960px){

    #fes-product-list {
        width: 100%;
    }

    #fes-product-list td {
        padding: 14px 18px; /* more breathing space */
    }

    /* make columns feel wider */
    #fes-product-list tr {
        width: 100%;
    }

    /* optional: make title column take more space */
    #fes-product-list td:first-child {
        width: 40%;
    }
}/* Target the Image and Name headers specifically */
#fes-product-list thead th:nth-child(1),#fes-product-list thead th:nth-child(2){
    text-align: left;
    padding-left: 0 !important; /* Removes default spacing */
    position: relative;
    left: 3px; /* Adjust this value to move it further left */
}/* Optional: Move the corresponding data cells to match the headers */
#fes-product-list tbody td:nth-child(1),#fes-product-list tbody td:nth-child(2){
    position: relative;
    left: -10px;
}div.fes-form .fes-el .fes-label .fes-help{
    color: #eeeeee;
    font-family: sans-serif;
    font-size: 12px;
    font-style: italic;
    margin: 2px 0 5px 0;
}@media only screen and (max-width: 600px){/* Prevent horizontal overflow */
  .fes-fields,.fes-single-variation{
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px !important;
    margin: 5px 0 !important;
  }/* Shrink text and spacing for internal rows */
  .fes-name-row,.fes-price-row,.fes-url-group{
    font-size: 14px !important;
    padding: 5px 0 !important;
    display: block !important; /* Forces vertical stacking if they are side-by-side */
  }/* Ensure inputs inside these divs don't break the layout */
  .fes-single-variation input,.fes-single-variation select{
    max-width: 100% !important;
    box-sizing: border-box !important;
  }}/* Ensure the URL group container wraps its content */
  .fes-url-group{
    width: 100% !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
  }/* Target the specific label from the image */
  .fes-url-group label.fes-file-column{
    display: block !important;
    width: 100% !important;
    margin-bottom: 8px !important;
    font-weight: bold;
  }/* Ensure the input field (likely following the label) spans the full width */
  .fes-url-group input{
    width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
  }/* Formats the row and cell as a block container */
tr.fes-single-variation,tr.fes-single-variation .fes-url-group{
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
}/* Removed Card Styling - keeping only the spacing */
tr.fes-single-variation{
  margin-bottom: 15px;
}/* The input field styling remains the same */
tr.fes-single-variation .fes-url-group input{
  display: block !important;
  width: 100% !important;
  padding: 12px !important;
  margin-top: 8px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff; 
  box-sizing: border-box !important;
}/* Label styling remains the same */
tr.fes-single-variation .fes-url-group label{
  display: block;
  font-weight: 600;
  margin-bottom: 5px;
}.edd-review-vote{
    background: #0606067d;
}.single-content p,.single-content table,.single-content{
    margin-top: 0;
    margin-bottom: 8px; !important;
}.single-content p img{
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    margin: 0;
}.single-content p{
    margin: 0;
    padding: 0;
}/* Make content containers transparent */
#page,.site,#main-content,.site-container,.entry-content,#wrapper,.site-main,article,.content-container,.kt-row-column-wrap,.wp-block-kadence-column,.wp-block-kadence-rowlayout{
    background-color: transparent !important;
    background-image: none !important;
}/* Ensure Header and Footer stay solid */
#masthead,#colophon,.site-header,.site-footer{
    position: relative;
    z-index: 10;
}/* Target the placeholder text for all modern browsers */
.edd-input::placeholder{
    color: #383333bf; /* Bright Green - Change this to your preferred hex code */
    opacity: 1;    /* Ensures the color is solid and bright */
}.pagelayer-btn-success,.pagelayer-badge-success,.pagelayer-progress-success{
    background-color: #00ff3acf !important;
}.single-post .entry-content{
    background: #727496;
    color: #f5f5f5;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 25px;
    border-left: 4px solid #1b8899;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    transition: all 0.25s ease;
}/* ==========================================================================
   KADENCE 3D ULTRA-GLASS MEDIA MODAL - FULL ARCHITECTURE
   ========================================================================== */

/* CONTAINER & PERSPECTIVE */
.media-modal{
    perspective: 2500px; /* Essential for 3D depth */
}/* =============================== MAIN MODAL (GLASS FIXED) ================================ */
.media-modal-content{
    background: rgba(10, 35, 38, 0.6) !important;
    backdrop-filter: blur(25px) saturate(180%);
    -webkit-backdrop-filter: blur(25px) saturate(180%);
    border-radius: 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 40px 100px rgba(0,0,0,0.7), 
                inset 0 1px 1px rgba(255,255,255,0.1),
                0 0 80px rgba(22, 131, 143, 0.25) !important;
    color: #ffffff !important;
    transform: rotateX(1deg); /* Slight tilt for 3D sensation */
    transform-style: preserve-3d;
}/* =============================== HEADER (LIFTED) ================================ */
.media-frame-title{
    background: linear-gradient(135deg, rgba(22, 131, 143, 0.6), rgba(0, 255, 136, 0.15)) !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    transform: translateZ(50px); /* Highest lift */
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}/* =============================== MENU / SIDEBAR (FLOATING) ================================ */
.media-frame-menu{
    background: rgba(0, 0, 0, 0.35) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    transform: translateZ(20px);
}.media-frame-menu a{
    color: #e6f7f9 !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}.media-frame-menu a:hover,.media-frame-menu a.active{
    color: #00ff88 !important;
    background: rgba(0, 255, 136, 0.1) !important;
    text-shadow: 0 0 8px rgba(0, 255, 136, 0.5);
}/* =============================== ROUTER TABS ================================ */
.media-frame-router{
    background: rgba(0, 0, 0, 0.2) !important;
    transform: translateZ(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}.media-router a{
    color: #d0f0f3 !important;
    font-weight: 600;
}.media-router a.active{
    color: #00ff88 !important;
    border-bottom: 3px solid #00ff88 !important;
    text-shadow: 0 0 10px rgba(0, 255, 136, 0.8);
}/* =============================== CONTENT AREA ================================ */
.media-frame-content{
    background: transparent !important;
}/* =============================== ATTACHMENTS BROWSER FIX ================================ */
.attachments-browser{
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(10px);
    border-radius: 14px;
    margin: 10px;
}/* =============================== MEDIA TOOLBAR (3D NEON) ================================ */
.media-toolbar{
    background: rgba(15, 45, 50, 0.8) !important; 
    border: 1px solid rgba(0, 255, 136, 0.2) !important;
    border-radius: 12px;
    margin: 10px;
    transform: translateZ(30px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.4);
}.media-toolbar label,.media-toolbar span,.media-toolbar select{
    color: #ffffff !important;
}/* =============================== TOP NOTCH SPINNER (NEON PULSE) ================================ */
.spinner{
    background: none !important;
    border: 3px solid rgba(0, 255, 136, 0.1);
    border-top: 3px solid #00ff88;
    border-radius: 50%;
    width: 28px !important;
    height: 28px !important;
    animation: neonRotate 0.7s linear infinite, neonGlow 1.5s ease-in-out infinite;
    box-shadow: 0 0 15px rgba(0, 255, 136, 0.4);
}@keyframes neonRotate{ 100% { transform: rotate(360deg); } }@keyframes neonGlow{ 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }/* =============================== UPLOADER AREA ================================ */
.uploader-inline{
    background: rgba(0, 255, 136, 0.05) !important;
    border: 2px dashed rgba(0, 255, 136, 0.4) !important;
    border-radius: 16px;
    transform: translateZ(10px);
}.upload-instructions{
    color: #ffffff !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}/* =============================== BUTTONS (3D GREEN PREMIUM) ================================ */
.browser.button,.media-button,.button-primary{
    background: linear-gradient(135deg, #00ff88 0%, #008f5d 100%) !important;
    border: none !important;
    color: #000000 !important; /* Opposite text for extreme readability */
    border-radius: 10px !important;
    padding: 12px 24px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    box-shadow: 0 8px 20px rgba(0, 255, 136, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
    transform-style: preserve-3d;
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}.browser.button:hover,.media-button:hover,.button-primary:hover{
    transform: translateY(-5px) translateZ(40px) !important;
    box-shadow: 0 15px 35px rgba(0, 255, 136, 0.5) !important;
}/* =============================== ATTACHMENT CARDS (POP-OUT) ================================ */
.attachment{
    border-radius: 12px !important;
    transition: all 0.4s ease !important;
}.attachment:hover{
    transform: translateY(-10px) translateZ(60px) rotateX(-5deg) !important;
    box-shadow: 0 30px 50px rgba(0,0,0,0.8) !important;
    z-index: 100;
}/* =============================== SIDEBAR DETAILS (LEFT LIFT) ================================ */
.media-sidebar{
    background: rgba(0, 0, 0, 0.4) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    transform: translateZ(25px);
}.media-sidebar *{
    color: #ffffff !important;
}/* =============================== CLOSE BUTTON ================================ */
.media-modal-close{
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 50% !important;
    margin: 10px !important;
    transition: 0.3s;
}.media-modal-close:hover{
    background: rgba(255, 50, 50, 0.6) !important;
    transform: rotate(90deg) translateZ(60px);
}.media-toolbar label,.media-toolbar span,.media-toolbar select{
    color: #0dd7b4 !important;
}h2{
    color: #d4dedd !important;
}h1{
    color: #d4dedd !important;
}.uploader-inline-content{
  position: static;
  top: auto;
  left: auto;
  right: auto;
}.media-frame-router{
    background: rgb(0, 95, 106) !important;
    transform: translateZ(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}.media-toolbar{
    /* Reset these properties to remove the "card" look */
    background: transparent !important;
    border: none !important;
    box-shadow: none;
    
    /* Keep these if you still want the spacing and 3D positioning */
    margin: 10px;
    transform: translateZ(30px);
}.media-modal-close{
  background: rgb(221, 221, 221) !important;
  border-radius: 50% !important;
  margin: 10px !important;
  transition: 0.3s;
}.media-frame select.attachment-filters:last-of-type{
    margin-right: 100px;
}.media-sidebar *{
  color: #18c2b3 !important;
}.media-sidebar{
    width: 229px !important; 
}@media screen and (max-width: 782px){.media-bg-overlay{
    content: '';
    background: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .6;
  }}.edd-blocks__download--featured-badge{
    background: linear-gradient(145deg, #228686, rgba(255, 255, 255, 0.05)) !important;
}/* ===============================
   💰 PRICE → ORANGE PILL
================================ */
.kt-adv-heading5497_34d58a-22{

    display: inline-block !important;

    background: linear-gradient(135deg, #ff8c00, #ff5e00) !important;
    color: #ffffff !important;

    padding: 6px 14px !important;
    border-radius: 50px !important; /* pill shape */

    font-size: 14px !important;
    font-weight: 600 !important;

    box-shadow:
        0 4px 12px rgba(255,140,0,0.4);

    margin-bottom: 8px;
}/* ===============================
   🏷 TITLE CARD WITH GREEN STRIP
================================ */
.wp-block-kadence-advancedheading{

    position: relative;
    display: inline-block;

    background: #6C798F !important;
    color: #ffffff !important;

    padding: 10px 16px !important;
    border-radius: 10px !important;

    font-size: 16px !important;
    font-weight: 600;

    box-shadow:
        0 6px 18px rgba(0,0,0,0.35);

    margin-bottom: 10px;
}/* Green strip (left accent) */
.wp-block-kadence-advancedheading::before{

    content: "";
    position: absolute;

    left: 0;
    top: 0;
    bottom: 0;

    width: 4px;
    border-radius: 10px 0 0 10px;

    background: linear-gradient(180deg, #00ff88, #00c853);

    box-shadow: 0 0 8px rgba(0,255,136,0.6);
}/* Target your exact Kadence column */
.wp-block-kadence-column.kadence-column5497_acb215-6b > .kt-inside-inner-col{

    /* Brighter Apple glass for black text */
    background: rgba(245, 245, 245, 0.65); /* lighter for contrast */
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);

    /* Smooth rounded Apple corners */
    border-radius: 18px;

    /* Clean light border */
    border: 1px solid rgba(0,0,0,0.06);

    /* Soft Apple shadow */
    box-shadow:
        0 10px 30px rgba(0,0,0,0.10),
        0 2px 6px rgba(0,0,0,0.06),
        inset 0 1px 0 rgba(255,255,255,0.8);

    /* Spacing */
    padding: 20px;

    /* Smooth feel */
    transition: all 0.3s ease;
}/* Subtle hover */
.wp-block-kadence-column.kadence-column5497_acb215-6b:hover > .kt-inside-inner-col{

    transform: translateY(-2px);

    box-shadow:
        0 14px 40px rgba(0,0,0,0.14),
        0 4px 10px rgba(0,0,0,0.08),
        inset 0 1px 0 rgba(255,255,255,0.9);
}/* Target the wrapper column to create the card */
.kadence-column5497_acb215-6b > .kt-inside-inner-col{
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(15px) saturate(160%);
    -webkit-backdrop-filter: blur(15px) saturate(160%);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 24px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}/* Fix text contrast for the heading */
.kt-adv-heading5497_34d58a-22{
    color: #ffffff !important;
    margin-bottom: 20px;
}.edd_purchase_submit_wrapper .edd-add-to-cart:hover{
    background: rgba(255, 255, 255, 0.8) !important;
    transform: scale(0.98);
}.edd_purchase_submit_wrapper .edd-add-to-cart:hover{
    background: rgba(255, 255, 255, 0.9) !important;
    transform: scale(0.97); /* Slight "click" effect */
}/* Target the paragraph description specifically inside the Kadence post grid */
.kb-query-item .kb-query-block-post-content p,.kb-query-item .entry-content p,.kb-query-item p{
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important; /* Forces color on some browsers */
    opacity: 1 !important;
}/* If you are using an Advanced Heading block for the description */
[class*="kt-adv-heading"]{
    color: #ffffff !important;
}/* High-visibility separator line */
.kb-query-item{
    border-bottom: 4px solid #3a3845 !important; /* Thicker line */
    padding-bottom: 40px !important;
    margin-bottom: 40px !important;
    display: block;
    width: 100%;
}/* Optional: Add a shadow to the line to make it "lift" off the green */
.kb-query-item{
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}/* Ensure the last item doesn't have an extra line */
.kb-query-item:last-child{
    border-bottom: none !important;
}/* 1. This part is hidden by default so you can use your site */
.wp-block-kadence-query-card .overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    background-color: rgba(255, 255, 255, 0.8);
    background-image: url('https://hll-world.com/wp-content/uploads/2026/04/loading.gif');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100px;
    
    /* FIX: Hide it initially */
    display: none; 
    
    animation: none;
    opacity: 1;
}/* 2. This part triggers the GIF ONLY when Kadence starts the search/load */
.kb-query-is-loading .wp-block-kadence-query-card .overlay{
    display: flex;
}/* 1. Ensure the parent container is the anchor point */
/* Replace '.edd-purchase-button-container' with the actual class of the wrapper */
.edd-purchase-button-container{
    position: relative !important;
}/* 2. Style the loading GIF */
.edd-loading{
    /* Absolute position puts it relative to the container, NOT the screen or cursor */
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    
    /* Size and Image */
    width: 50px;  /* Adjusted size to fit standard buttons better */
    height: 50px;
    background-image: url('https://hll-world.com/wp-content/uploads/2026/04/loading.gif') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    
    /* Functional Fixes */
    border: none !important;
    animation: none !important;
    z-index: 999;
    pointer-events: none; /* Prevents the GIF from interfering with clicks */
}/* 3. Force-hide the old CSS spinning borders */
.edd-loading::after,.edd-loading::before{
    display: none !important;
    content: "" !important;
    border: none !important;
}.edd-loading{
    position: absolute !important;
    right: 10px !important;
    left: auto !important;
    top: 40% !important;
    transform: translateY(-40%) !important;
}/* Container styling to match your UI */
.no-results-container{
    max-width: 650px;
    padding: 25px;
    margin: 20px auto; /* Centers it on the page */
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.35);
    color: #f1f5f9;
    text-align: center;
    font-family: system-ui, -apple-system, sans-serif;
}.no-results-container h2{
    margin-bottom: 15px;
    font-size: 22px;
    color: #ffffff;
}.no-results-container .highlight-red{
    color: #ff4d4d;
    font-weight: 700;
}.no-results-container p{
    color: #d1d5db;
    line-height: 1.6;
    margin-bottom: 18px;
}.no-results-container ul{
    list-style: none;
    padding: 0;
    max-width: 400px;
    margin: 0 auto;
    text-align: left;
}.no-results-container li{
    margin-bottom: 12px;
    line-height: 1.6;
    padding-left: 18px;
    position: relative;
    color: #e5e7eb;
}.no-results-container li::before{
    content: "•";
    position: absolute;
    left: 0;
    color: #00ff88;
    font-weight: bold;
}.no-results-container h2 .highlight-red{
    font-size: 24px; /* Adjust this number to your preferred size */
}.orange-highlight{
    color: orange;
    font-weight: bold; /* Optional: makes it stand out more */
}.upload-error{
    background-color: #932c34 !important;
}/* Price options container */
.edd_download_purchase_form .edd_price_options{

    background: #6C798F !important; /* same as your Ksh grey */
    border-radius: 12px !important;

    padding: 12px !important;

    border: none !important;

    box-shadow: 0 4px 12px rgba(0,0,0,0.25);

    color: #ffffff !important;
}/* Target the price text */
.edd_price_option_price{

    display: inline-block !important;

    background: linear-gradient(135deg, #ff8c00, #ff5e00) !important;

    color: #ffffff !important;

    padding: 4px 10px;

    border-radius: 50px; /* pill shape */

    font-size: 13px;
    font-weight: 600;

    margin-left: 6px; /* space from text */

    box-shadow: 0 2px 8px rgba(255,140,0,0.4);
}/* Ensure white headers/text pop against the green image */
h1,h2,h3,.white-text-class{
    color: #FFFFFF !important;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.9) !important;
    font-weight: bold !important;
}/* Ensure black body text is sharp and readable */
p,span,.black-text-class{
    color: #000000 !important;
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.6) !important;
}/* Sliding announcement text readability */
.dynamic-header-text,.dynamic-header-text span{
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9) !important;
}/* The dark sliding bar background */
.dynamic-header-text{
  background: rgba(0, 0, 0, 0.78) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 10px !important;
  padding: 8px 16px !important;
  box-shadow: 0 0 18px rgba(0, 255, 220, 0.45) !important;
  overflow: hidden !important;
}/* Optional: smoother readable glow */
.dynamic-header-text span{
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
}/* Headings (strong but not blurry) */
h1,h2,h3{
  color: #ffffff !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px;
  text-shadow: 0 2px 6px rgba(0,0,0,0.6);
}/* Body text (modern, readable) */
p{
  color: #F6F7F2 !important;
  font-size: 14px;
  line-height: 1.6;
  text-shadow: none !important;
}/* Light text for dark/green sections */
.light-text{
  color: #eafff9 !important;
}/* Force EDD price option text to white */
form.edd_download_purchase_form .edd_price_options li,form.edd_download_purchase_form .edd_price_options label,form.edd_download_purchase_form .edd_price_options span{
  color: #eafff9 !important;
}/* Force the price numbers specifically */
form.edd_download_purchase_form .edd_price_option_price,form.edd_download_purchase_form .edd_price_options .edd_price_option_price{
  color: #ffffff !important;
  font-weight: 700 !important;
}/* Fix the selected option text */
form.edd_download_purchase_form .edd_price_options input:checked + label{
  color: #00ffd5 !important;
}/* Navbar hover color */
.main-navigation a:hover,.secondary-menu-container a:hover,.header-navigation a:hover{
  color: #00ffd5 !important;
}.main-navigation a:hover{
  color: #00ffd5 !important;
  transition: color 0.2s ease;
}/* 🎯 Premium results count bar */
.wp-block-kadence-query-result-count{
  display: inline-block;
  margin: 20px auto;
  padding: 8px 16px;

  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;

  color: #eafff9 !important;

  background: rgba(0, 0, 0, 0.6);
  border-radius: 10px;

  border: 1px solid rgba(0, 255, 200, 0.4);

  /* Neon glow */
  box-shadow:
    0 0 6px rgba(0,255,200,0.5),
    0 0 14px rgba(0,255,200,0.3),
    inset 0 0 6px rgba(0,255,200,0.2);

  text-align: center;
}/* ✨ Make the number pop */
.wp-block-kadence-query-result-count strong,.wp-block-kadence-query-result-count b{
  color: #00ffd5;
  font-weight: 700;

  text-shadow:
    0 0 4px rgba(0,255,200,0.8),
    0 0 10px rgba(0,255,200,0.5);
}/* 🔍 Search input */
.kb-filter-search,input.kb-filter-search,input[type="text"].kb-filter-search{
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  color: #eafff9 !important;

  border-radius: 12px;
  padding: 10px 14px;

  transition: all 0.2s ease;
}/* Placeholder */
.kb-filter-search::placeholder{
  color: rgba(234,255,249,0.6);
}/* Focus effect (this makes it feel premium) */
.kb-filter-search:focus{
  outline: none !important;
  border-color: #00ffd5 !important;

  box-shadow:
    0 0 8px rgba(0,255,213,0.5),
    0 0 18px rgba(0,255,213,0.3);
}/* Dropdown */
select{
  background: rgba(255, 255, 255, 0.22) !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  color: #eafff9 !important;

  border-radius: 12px;
  padding: 10px 14px;

  transition: all 0.2s ease;
}/* Focus */
select:focus{
  outline: none !important;
  border-color: #00ffd5 !important;
  box-shadow:
    0 0 8px rgba(0,255,213,0.5),
    0 0 18px rgba(0,255,213,0.3);
}/* Placeholder text visibility */
.kb-filter-search::placeholder,input::placeholder{
  color: rgba(234, 255, 249, 0.8) !important; /* brighter */
  opacity: 1 !important;
}.kb-filter-search-btn{
  background: #00ffd5 !important;
  color: #000 !important;
}/* Premium EDD purchase button using submit wrapper */
.edd_purchase_submit_wrapper .edd-add-to-cart{
  background: linear-gradient(135deg, #00ffd5, #00c8ff) !important;
  color: #000 !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 10px 18px !important;
  font-weight: 800 !important;
  letter-spacing: 0.4px;
  box-shadow: 0 5px 14px rgba(0,255,213,0.45);
  transition: all 0.25s ease;
}.edd_purchase_submit_wrapper .edd-add-to-cart:hover{
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(0,255,213,0.65);
  background: linear-gradient(135deg, #00ffd5, #7dff7a) !important;
}.entry-content p a strong{
    color: #000000 !important;
}/* Glass transparent background */
.hll-um-notice{
  background: rgba(0, 0, 0, 0.25) !important;
  backdrop-filter: blur(6px);
}.hll-close{
    color: #e7e0e0 !important; 
	}/* Hide original text completely */
a.post-more-link{
  color: transparent !important;
  text-indent: -9999px;
  overflow: hidden;
  position: relative;

  display: inline-block;
  width: 140px;
  height: 45px;

  background: url('https://www.hll-world.com/wp-content/uploads/2026/02/Picsart_26-02-02_14-26-46-130-4.webp') no-repeat center;
  background-size: contain;
}/* Optional glow hover */
a.post-more-link:hover{
  transform: scale(1.05);
  filter: drop-shadow(0 0 10px #00ffd5);
  transition: 0.2s ease;
}ul.kadence-posts-list li{
    background: linear-gradient(160deg, rgb(0 255 200 / 0%), rgba(0, 0, 0, 0.55)) !important;
}/* Image polish */
.kadence-posts-list img{
  border-radius: 10px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.4);
}/* Premium Search Results title */
.page-title.search-title{
  display: inline-block;
  padding: 14px 28px !important;
  margin: 35px auto 30px !important;

  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: rgba(0, 0, 0, 0.45) !important;

  border: 1px solid rgba(0, 255, 213, 0.45);
  border-radius: 16px;

  font-size: 1.5rem !important;
  font-weight: 900 !important;
  letter-spacing: 1px;
  text-align: center;

  text-shadow:
    0 0 4px #00ffd5,
    0 0 12px rgba(0,255,213,0.8),
    0 0 28px rgba(0,255,213,0.5) !important;

  box-shadow:
    0 0 12px rgba(0,255,213,0.45),
    0 0 35px rgba(0,255,213,0.25),
    inset 0 0 14px rgba(0,255,213,0.12);
}/* Center it */
.entry-hero-container-inner,.entry-header{
  text-align: center;
}/* Strong glowing underline */
.page-title.search-title::after{
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  margin: 12px auto 0;
  border-radius: 999px;

  background: #00ffd5;
  box-shadow:
    0 0 8px #00ffd5,
    0 0 20px #00ffd5,
    0 0 35px rgba(0,255,213,0.8);
}/* Premium site search bar */
.search-form{
  display: flex;
  align-items: center;
  max-width: 520px;
  width: 100%;
  background: rgba(0, 0, 0, 0.45);
  border: 1px solid rgba(0, 255, 213, 0.35);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 0 18px rgba(0, 255, 213, 0.25);
}.search-form .search-field{
  flex: 1;
  background: transparent !important;
  color: #ffffff !important;
  border: none !important;
  padding: 14px 18px !important;
  font-size: 16px;
  outline: none !important;
}.search-form .search-field::placeholder{
  color: rgba(255, 255, 255, 0.7) !important;
  opacity: 1;
}.search-form .search-submit{
  background: #00ffd5 !important;
  color: #000 !important;
  border: none !important;
  padding: 14px 20px !important;
  font-weight: 800;
  cursor: pointer;
  transition: 0.25s ease;
}.search-form .search-submit:hover{
  background: #00c8ff !important;
}.search-form:focus-within{
  border-color: #00ffd5;
  box-shadow:
    0 0 12px rgba(0,255,213,0.55),
    0 0 30px rgba(0,255,213,0.3);
}.search-submit{
  font-size: 0 !important;
}/* Entire search bar size */
.search-form{
  max-width: 450px;   /* 👈 overall width */
  height: 48px;       /* 👈 bar height */
}/* Input field size */
.search-form .search-field{
  font-size: 14px;    /* text size */
  padding: 10px 14px; /* inner spacing */
}/* Button size */
.search-form .search-submit{
  width: 48px;        /* button width */
  height: 48px;       /* match bar height */
}.search-form{
  margin: 0 auto;        /* centers horizontally */
  display: flex;
}.search-no-results .page-content::after{
  content: "";
  display: block;
  width: 300px;
  height: 300px;
  margin: 40px auto;
  background: url("https://www.hll-world.com/wp-content/uploads/2026/05/no-results.png") no-repeat center;
  background-size: contain;

  /* 🔥 Glow + Shadow */
  filter:
    drop-shadow(0 0 12px rgba(0,255,213,0.6))
    drop-shadow(0 0 30px rgba(0,255,213,0.35))
    drop-shadow(0 8px 20px rgba(0,0,0,0.6));
}/* No results page layout */
.search-no-results .page-content{
  position: relative;
  text-align: center;
  padding: 30px 20px 70px;
}/* Message text */
.search-no-results .page-content p{
  color: #eafffb !important;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  opacity: 0.9;
  text-shadow: 0 0 8px rgba(0,255,213,0.35);
}/* Glow aura behind image */
.search-no-results .page-content::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 58%;
  width: 320px;
  height: 320px;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(0,255,213,0.35), transparent 70%);
  filter: blur(42px);
  z-index: 0;
  pointer-events: none;
}/* No results image */
.search-no-results .page-content::after{
  content: "";
  display: block;
  position: relative;
  z-index: 1;

  width: 360px;
  height: 360px;
  margin: 45px auto 0;

  background: url("https://www.hll-world.com/wp-content/uploads/2026/05/no-results.png") no-repeat center;
  background-size: contain;

  filter:
    drop-shadow(0 0 20px rgba(0,255,213,0.8))
    drop-shadow(0 0 50px rgba(0,255,213,0.45))
    drop-shadow(0 16px 36px rgba(0,0,0,0.65));

  animation: hllNoResultsFloat 4s ease-in-out infinite;
}/* Floating animation */
@keyframes hllNoResultsFloat{
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}/* Mobile */
@media (max-width: 768px){
  .search-no-results .page-content::after {
    width: 260px;
    height: 260px;
    margin-top: 30px;
  }

  .search-no-results .page-content::before {
    width: 240px;
    height: 240px;
  }
/* Make the whole search form wider */
.search-form {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 900px;   /* 👈 increase this for length */
  margin: 0 auto;
}
  .search-no-results .page-content p {
    font-size: 14px;
  }
}/* Make input + button act as ONE bar */
.search-form label{
  display: flex;
  width: 100%;
}/* Input takes full available space */
.search-form .search-field{
  flex: 1;
  width: 100%;
  padding: 14px 20px;
  border-radius: 30px 0 0 30px;
  border: none;
}/* Button stays attached perfectly */
.search-form .search-submit{
  width: 65px;
  border-radius: 0 30px 30px 0;
  flex-shrink: 0;
}.search-form{
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 900px;   /* 👈 increase this for length */
  margin: 0 auto;
}.no-results-container{
  max-width: 700px;
  padding: 30px;
  margin: 40px auto;

  /* Glass + neon background */
  background: linear-gradient(
    145deg,
    rgba(0, 255, 213, 0.08),
    rgba(0, 0, 0, 0.25)
  );

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

  /* Border glow */
  border: 1px solid rgba(0, 255, 213, 0.25);
  border-radius: 18px;

  /* Premium shadow + glow */
  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.6),
    0 0 25px rgba(0, 255, 213, 0.25),
    inset 0 0 20px rgba(0, 255, 213, 0.08);

  /* Text */
  color: #eafffb;
  text-align: center;
  font-family: system-ui, -apple-system, sans-serif;

  /* Smooth effect */
  transition: all 0.35s ease;
}/* Hover = premium interaction */
.no-results-container:hover{
  transform: translateY(-6px);
  box-shadow:
    0 25px 60px rgba(0, 0, 0, 0.7),
    0 0 40px rgba(0, 255, 213, 0.45),
    inset 0 0 25px rgba(0, 255, 213, 0.15);
}.no-results-container{
  background: linear-gradient(
    145deg,
    rgb(225 16 16 / 91%),
    rgba(120, 0, 0, 0.85)
  );
}/* Fix card size */
.hll-card{
  min-width: 220px;
  max-width: 240px;

  background: rgba(0, 40, 30, 0.6);
  border-radius: 16px;
  padding: 12px;

  text-align: center;
  backdrop-filter: blur(10px);

  transition: 0.3s;

  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* prevent stretch */
}/* Fix image ratio */
.hll-img{
  width: 100%;
  aspect-ratio: 16 / 9; /* THIS fixes the big empty space */
  overflow: hidden;
  border-radius: 12px;
}.hll-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}/* Reduce spacing */
.hll-title{
  font-size: 12px;
  margin: 8px 0 4px;
}.hll-price{
  font-size: 13px;
  margin-bottom: 6px;
}/* Carousel wrapper */
.hll-carousel{
  width: 100%;
  overflow: hidden;
  margin: 45px auto 30px;
}/* Sliding track */
.hll-carousel-track{
  display: flex;
  gap: 18px;
  width: max-content;
  animation: hllCarouselSlide 35s linear infinite;
}/* Pause on hover */
.hll-carousel:hover .hll-carousel-track{
  animation-play-state: paused;
}/* Compact carousel cards */
.hll-card{
  flex: 0 0 220px;
  max-width: 220px;
}/* Smooth infinite slide */
@keyframes hllCarouselSlide{
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}/* Mobile */
@media (max-width: 768px){
  .hll-card {
    flex: 0 0 180px;
    max-width: 180px;
  }

  .hll-carousel-track {
    gap: 14px;
    animation-duration: 28s;
  }
}.hll-carousel{
  margin-bottom: -55px !important;
}.hll-carousel{
  position: relative;
}.hll-carousel-track{
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
}.hll-carousel-track::-webkit-scrollbar{
  display: none;
}.hll-arrow{
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  z-index: 20;
  background: rgba(0,0,0,0.65);
  color: #00ffd5;
  border: 1px solid rgba(0,255,213,0.45);
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 24px;
  font-weight: 900;
  cursor: pointer;
}.hll-prev{
  left: 8px;
}.hll-next{
  right: 8px;
}.hll-carousel-container{
    margin-bottom: -122px; /* adjust 40–80px as you like */
}.hll-card{
    transform: scale(0.84);
	}.swiper-slide{
    padding: 5px;
}.hll-card{
    margin-top: 15px; /* increase to 15px or 20px if needed */
}/* Hide the quantity input field and its wrapper */
.edd_download_quantity_wrapper{
    display: none !important;
}/* ===============================
   PREMIUM EDD CART MODAL
================================ */

edd-cart-preview{

    /* PRIMARY BUTTON (Checkout) */
    --edd-cart-preview-color-primary: #22c55e;
    --edd-cart-preview-color-primary-hover: #16a34a;

    /* MODAL BACKGROUND */
    --edd-cart-preview-color-background: rgba(16, 185, 129, 0.18);
    --edd-cart-preview-color-background-dimmed: rgba(0, 0, 0, 0.72);

    /* TEXT */
    --edd-cart-preview-color-text: #ffffff;
    --edd-cart-preview-color-text-muted: #d7efe3;

    /* BORDERS */
    --edd-cart-preview-color-border: rgba(255,255,255,0.14);

    /* LINKS */
    --edd-cart-preview-color-link: #ffffff;
    --edd-cart-preview-color-link-hover: #22c55e;

    /* ORANGE AMOUNTS */
    --edd-cart-preview-color-message: #ff9800;
    --edd-cart-preview-color-message-light: rgba(255,152,0,0.18);

    /* SHAPE */
    --edd-cart-preview-border-radius: 18px;
    --edd-cart-preview-dialog-width: 480px;

    /* SPACING */
    --edd-cart-preview-spacing-xs: 6px;
    --edd-cart-preview-spacing-sm: 12px;
    --edd-cart-preview-spacing-md: 18px;
    --edd-cart-preview-spacing-lg: 26px;
    --edd-cart-preview-spacing-xl: 42px;

    /* 2D FLAT LOOK */
    --edd-cart-preview-shadow-dialog:
        0 8px 24px rgba(0,0,0,0.35);

    --edd-cart-preview-shadow-button:
        0 4px 12px rgba(0,0,0,0.20);

    /* TYPOGRAPHY */
    --edd-cart-preview-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    --edd-cart-preview-line-height: 1.5;
}/* MAIN MODAL */
edd-cart-preview::part(dialog),edd-cart-preview::part(content){
    background: #23282e !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
}/* HEADER */
edd-cart-preview::part(header){
    background: rgba(255,255,255,0.05) !important;
    border-bottom: 1px solid rgba(255,255,255,0.10) !important;
}/* ITEMS AREA */
edd-cart-preview::part(items){
    background: rgba(255,255,255,0.04) !important;
}/* FOOTER */
edd-cart-preview::part(footer){
    background: rgba(0,0,0,0.18) !important;
    border-top: 1px solid rgba(255,255,255,0.10) !important;
}/* CHECKOUT BUTTON = GREEN */
edd-cart-preview button[type="submit"],edd-cart-preview .checkout,edd-cart-preview .edd_checkout{

    background: #22c55e !important;
    color: #ffffff !important;

    border: none !important;
    border-radius: 12px !important;

    box-shadow: 0 4px 12px rgba(0,0,0,0.20) !important;
}/* CONTINUE SHOPPING = ORANGE */
edd-cart-preview .continue-shopping,edd-cart-preview .edd-cart-continue,edd-cart-preview a{

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

    border-radius: 12px !important;
    padding: 10px 16px !important;

    text-decoration: none !important;
}/* TOTAL AMOUNT = ORANGE */
edd-cart-preview .edd_cart_amount,edd-cart-preview .amount,edd-cart-preview .total{

    color: #ff9800 !important;
    font-weight: 700 !important;
}/* BACKDROP */
edd-cart-preview::part(backdrop){

    background: rgba(0,0,0,0.72) !important;

    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}edd-cart-preview::part(summary-value){
    color: #ff9800 !important;
    font-weight: 700 !important;
}/* Floating cart button */
edd-cart-preview::part(cart-preview-button-trigger){
    background: #ff9800 !important;
    border: none !important;
    color: #ffffff !important;
    border-radius: 999px !important;
}:root{
  --bg-dark: #1a1a1a;
  --accent: #3498db;
  --text-main: #ffffff; /* Matches your screenshot */
}.cart-preview__dialog{
  width: 350px;
  background: rgba(30, 30, 30, 0.95);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
  color: var(--text-main);
  font-family: 'Inter', sans-serif;
  overflow: hidden;
}.cart-preview__header{
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}.cart-preview__header h2{
  font-size: 1.2rem;
  margin: 0;
  letter-spacing: -0.5px;
}.cart-preview__content{
  padding: 20px;
  max-height: 400px;
  overflow-y: auto;
}.cart-item{
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
  padding: 10px;
  border-radius: 8px;
  transition: background 0.3s ease;
}.cart-item:hover{
  background: rgba(255, 255, 255, 0.05);
}.item-img{
  width: 60px;
  height: 60px;
  background: #333;
  border-radius: 8px;
}.item-name{
  font-weight: 500;
  margin: 0 0 5px 0;
}.item-price{
  font-size: 0.9rem;
  opacity: 0.7;
  margin: 0;
}.cart-preview__footer{
  padding: 20px;
  background: rgba(0, 0, 0, 0.2);
}.checkout-btn{
  width: 100%;
  padding: 12px;
  border: none;
  border-radius: 8px;
  background: var(--accent);
  color: white;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.2s ease;
}.checkout-btn:hover{
  transform: translateY(-2px);
  filter: brightness(1.1);
}.hidden{ display: none; }/* subtle glow overlay */
/* Notification items */
/* Hover effect */
/* User names */
/* Notification text */
/* Time text */
/* Unread notification glow */
/* Profile avatars */
h4{
color: #161023 !important;

text-shadow:
0 0 2px #ffffff,
0 0 6px rgba(255,255,255,0.85),
0 0 12px rgba(255,255,255,0.55),
2px 2px 4px rgba(0,0,0,0.45);

font-weight: 700 !important;
}/* ==========================
   HLL WORLD PREMIUM 404 PAGE
   ========================== */

/* Remove Kadence outer card */
.error .page-content{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}/* Main 404 Card */
.error .entry-content-wrap{

    background: #111111 !important;

    border-left: 8px solid #ff2b2b !important;

    border-radius: 14px !important;

    padding: 80px 60px !important;

    position: relative;

    overflow: hidden;

    box-shadow:
        0 20px 60px rgba(0,0,0,.45) !important;
}/* Red Badge */
.error .entry-content-wrap:before{

    content: "404 ERROR";

    position: absolute;

    top: 25px;
    left: 25px;

    background: #ff2b2b;

    color: #fff;

    font-size: 13px;

    font-weight: 800;

    letter-spacing: 2px;

    padding: 10px 18px;

    border-radius: 6px;
}/* Title */
.error h1,.error .entry-title{

    color: #ffffff !important;

    font-size: 72px !important;

    font-weight: 900 !important;

    line-height: 1.1 !important;

    text-transform: uppercase;

    margin-bottom: 15px !important;

    text-align: center !important;
}/* Replace title */
.error .entry-title{
    font-size: 0 !important;
}.error .entry-title:after{

    content: "PAGE NOT FOUND";

    font-size: 72px;

    color: #ffffff;

    display: block;
}/* Description */
.error p{

    color: #bdbdbd !important;

    font-size: 18px !important;

    text-align: center !important;

    max-width: 800px;

    margin: auto !important;
}/* Search Form */
.error .search-form{
    max-width: 700px;
    margin: 35px auto 0 auto !important;
}/* Search Input */
.error input[type="search"]{

    background: #1b1b1b !important;

    border: 2px solid #2f2f2f !important;

    color: #fff !important;

    border-radius: 10px !important;

    height: 58px !important;
}/* Search Button */
.error button,.error input[type="submit"]{

    background: #ff2b2b !important;

    color: #fff !important;

    border: none !important;

    border-radius: 10px !important;

    font-weight: 700 !important;

    transition: all .3s ease;
}.error button:hover,.error input[type="submit"]:hover{

    background: #ff4444 !important;

    transform: translateY(-2px);
}/* Mobile */
@media (max-width:768px){

    .error .entry-content-wrap{
        padding:50px 25px !important;
    }

    .error .entry-title:after{
        font-size:40px !important;
    }

    .error p{
        font-size:16px !important;
    }
}.error .entry-content-wrap{
    margin-top: 8vh !important;
}/* Remove bullet + spacing only for Download field */
.wpuf-customs .wpuf-field-data-website_url{
    list-style:none !important;
    margin-left:0 !important;
    padding-left:0 !important;
    text-align:left !important;
}/* Hide Download Link label */
.wpuf-field-data-website_url label{
    display:none !important;
}/* Hide bullet marker */
.wpuf-field-data-website_url::marker{
    content:"" !important;
}/* Download button */
.wpuf-field-data-website_url a{
    display:inline-block !important;
    background:#00ff44 !important;
    color:#111 !important;
    padding:18px 52px !important;
    border-radius:10px !important;
    text-decoration:none !important;
    font-size:0 !important;
    font-family:inherit !important;
    font-weight:500 !important;
    line-height:1 !important;
    margin:8px 0 0 0 !important;
    box-shadow:none !important;
}/* Button text */
.wpuf-field-data-website_url a::before{
    content:"Download";
    font-size:22px !important;
    font-family:inherit !important;
    font-weight:500 !important;
    color:#111 !important;
}.hll-my-mods-dropdown{
  max-width:850px;
  margin:20px auto;
  border-radius:16px;
  background:rgba(0,0,0,.15);
  color:#fff;
  overflow:hidden;
}.hll-my-mods-dropdown summary{
  cursor:pointer;
  padding:18px 22px;
  font-size:22px;
  font-weight:700;
  background:rgba(0,0,0,.25);
  list-style:none;
}.hll-my-mods-dropdown summary::-webkit-details-marker{
  display:none;
}.hll-my-mods-dropdown summary:after{
  content:" ▼";
  float:right;
}.hll-my-mods-dropdown[open] summary:after{
  content:" ▲";
}.hll-my-mods-content{
  padding:20px;
  overflow-x:auto;
}/* HLL Dashboard Profile */
.wpuf-author{
  display:block !important;
  max-width:900px;
  margin:25px auto 15px auto !important;
  padding:20px !important;
  border-radius:18px;
  background:linear-gradient(180deg,#159f9b,#31c878);
  color:#fff !important;
  box-shadow:0 12px 35px rgba(0,0,0,.28);
}.wpuf-author img{
  width:75px !important;
  height:75px !important;
  border-radius:50% !important;
  border:3px solid #00ff44;
  margin-right:15px;
}.wpuf-author,.wpuf-author *{
  color:#fff !important;
}/* HLL My Mods Dropdown */
.hll-my-mods-dropdown{
  max-width:900px;
  margin:20px auto 25px auto;
  border-radius:18px;
  background:linear-gradient(180deg,#159f9b,#31c878);
  box-shadow:0 12px 35px rgba(0,0,0,.28);
  overflow:hidden;
  color:#fff;
}.hll-my-mods-dropdown summary{
  cursor:pointer;
  padding:18px 24px;
  font-size:22px;
  font-weight:800;
  background:rgba(0,0,0,.25);
  color:#fff;
  list-style:none;
}.hll-my-mods-dropdown summary:after{
  content:"▼";
  float:right;
}.hll-my-mods-dropdown[open] summary:after{
  content:"▲";
}/* WPUF Dashboard Box */
.hll-my-mods-content .wpuf-dashboard-container{
  background:rgba(255,255,255,.08);
  border-radius:16px;
  padding:15px;
}/* Dashboard Table */
.hll-my-mods-content table.items-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0 10px;
  color:#fff;
}.hll-my-mods-content table.items-table th{
  color:#fff;
  font-size:16px;
  padding:12px;
  background:rgba(0,0,0,.25);
  border:none;
}.hll-my-mods-content table.items-table td{
  background:rgba(0,0,0,.18);
  padding:14px 12px;
  color:#fff;
  border:none;
}.hll-my-mods-content table.items-table tr td:first-child{
  border-radius:12px 0 0 12px;
  font-weight:700;
}.hll-my-mods-content table.items-table tr td:last-child{
  border-radius:0 12px 12px 0;
}/* Edit/Delete Links */
.hll-my-mods-content table.items-table a{
  color:#00ff44 !important;
  font-weight:700;
  text-decoration:none !important;
}/* Post Count / Heading */
.hll-my-mods-content .page-head,.hll-my-mods-content .post_count{
  color:#fff !important;
  font-weight:700;
  margin-bottom:12px;
}/* Mobile */
@media(max-width:600px){
  .wpuf-author,
  .hll-my-mods-dropdown{
    margin:15px !important;
  }

  .hll-my-mods-dropdown summary{
    font-size:19px;
    padding:16px 18px;
  }

  .hll-my-mods-content{
    padding:12px;
  }

  .hll-my-mods-content table.items-table{
    font-size:14px;
  }
}/* Move author card to top visually */
.wpuf-dashboard-container{
    display:flex;
    flex-direction:column;
}.wpuf-author{
    order:-999;
    margin-bottom:25px !important;

    background:rgba(255,255,255,.08) !important;
    backdrop-filter:blur(10px);
    border:none !important;
    border-radius:18px;
    padding:20px;
}/* Remove white box */
.wpuf-author-inside,.wpuf-author-body{
    background:transparent !important;
    border:none !important;
}/* Hide default heading */
.wpuf-author h3{
    display:none;
}/* Compact category selector main container */
select.cat-ajax.category.multiselect,select[multiple]{
    width: 100% !important;
    max-width: 280px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    border-radius: 10px !important;
    position: relative !important;
    cursor: pointer !important;
    overflow: hidden !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding-left: 15px !important;
    transition: all 0.2s ease;
    
    /* Remove default platform dropdown arrows */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}/* Hide arrow for Internet Explorer / Edge */
select.cat-ajax.category.multiselect::-ms-expand,select[multiple]::-ms-expand{
    display: none !important;
}/* Expand smoothly when clicked/focused */
select.cat-ajax.category.multiselect:focus,select[multiple]:focus{
    height: 220px !important;
    max-height: 220px !important;
    overflow-y: auto !important;
    outline: none !important;
    background: rgba(21, 159, 155, 0.95) !important; /* Matches your brand color */
    border-color: rgba(255, 255, 255, 0.6) !important;
}/* Style the menu options cleanly */
select.cat-ajax.category.multiselect option,select[multiple] option{
    background: #159f9b !important;
    color: #ffffff !important;
    padding: 10px 15px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer;
}/* Container adjustments to support absolute layout layering */
select.cat-ajax.category.multiselect,select[multiple]{
    position: relative !important;
    padding-top: 42px !important; /* Pushes list items below the pinned blue bar */
}/* Hard seal the header block on top with a blue background */
select.cat-ajax.category.multiselect::before,select[multiple]::before{
    content: "— Select Category —" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 42px !important;
    line-height: 42px !important; /* Perfect vertical layout centering */
    padding-left: 15px !important;
    
    /* Blue background fill styling */
    background: #0073aa !important; /* Solid WordPress Blue (change hex color code if needed) */
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    
    /* Layout locking rules */
    pointer-events: none !important;
    z-index: 999999 !important; /* Maximum layout layer dominance */
    box-sizing: border-box !important;
    border-radius: 9px 9px 0 0 !important; /* Rounds only top corners when open */
}/* Maintain full rounded corners when the dropdown layout is closed */
select.cat-ajax.category.multiselect:not(:focus)::before,select[multiple]:not(:focus)::before{
    border-radius: 9px !important;
}/* Center the entire form wrapper on the page */
form.wpuf-form-add,.entry-content-single-content{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 600px !important; /* Limits width to keep desktop neat */
    margin: 0 auto !important; /* Horizontal centering shortcut */
    padding: 15px !important;
    box-sizing: border-box !important;
}/* Center all list rows and their internal field layouts */
ul.wpuf-form-label-above,ul.wpuf-form-label-above li{
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    list-style: none !important;
}/* Constrain standard text inputs, textareas, and labels to matched widths */
ul.wpuf-form-label-above li label,ul.wpuf-form-label-above li input[type="text"],ul.wpuf-form-label-above li select{
    width: 100% !important;
    max-width: 280px !important; /* Matches your category selector width */
    text-align: left !important; /* Keeps internal label text readable */
    box-sizing: border-box !important;
}/* Center the label elements specifically */
ul.wpuf-form-label-above li label{
    align-self: center !important;
    margin-bottom: 8px !important;
}/* FIX: Control and center the stretched text editor / post content block */
ul.wpuf-form-label-above li[data-label="Post Content"],.wpuf-fields,.wpeditimage-shape,.mce-tinymce,.mce-container-body{
    width: 100% !important;
    max-width: 320px !important; /* Slightly wider for editor usability, change to 280px if you want a perfect match */
    margin: 0 auto !important;
    box-sizing: border-box !important;
}/* Ensure inner text frames within the editor respect the sizing limits */
iframe[id*="_ifr"]{
    width: 100% !important;
    max-width: 100% !important;
}/* Desktop screen styling adjustments */
@media screen and (min-width: 768px){
    /* Widen the main form container */
    form.wpuf-form-add,
    .entry-content-single-content {
        max-width: 1000px !important; /* Stretches the overall form width */
    }

    /* Widen standard text inputs and select dropdowns on desktop */
    ul.wpuf-form-label-above li input[type="text"],
    ul.wpuf-form-label-above li select {
        max-width: 500px !important; /* Stretches inputs and category selector */
    }

    /* Widen the post content text editor block on desktop */
    ul.wpuf-form-label-above li[data-label="Post Content"],
    .wpuf-fields,
    .wpeditimage-shape,
    .mce-tinymce,
    .mce-container-body {
        max-width: 700px !important; /* Gives the text editor plenty of room */
    }
}/* ==========================
   FEATURED IMAGE UPLOAD BOX
   ========================== */

.wpuf-el.featured_image .wpuf-fields{
    border: 8px dashed rgba(255,255,255,.7) !important;
    border-radius: 20px !important;
    padding: 80px 20px !important;
    text-align: center !important;
    background: rgba(255,255,255,.05) !important;
    position: relative;
}/* Upload Featured Image button */
.wpuf-el.featured_image .wpuf-feat-image-upload{
    background: #53e05f !important;
    color: #111 !important;
    border: none !important;
    border-radius: 14px !important;
    padding: 18px 40px !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.25) !important;
    transition: all .3s ease !important;
}.wpuf-el.featured_image .wpuf-feat-image-upload:hover{
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(0,0,0,.35) !important;
}/* ==========================
   INSERT PHOTO BUTTON
   ========================== */

a.wpuf-insert-image{
    background: linear-gradient(135deg,#67d8ff,#3aa8ff) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 10px 20px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    display: inline-block !important;
    box-shadow: 0 5px 18px rgba(58,168,255,.35) !important;
    transition: all .3s ease !important;
}a.wpuf-insert-image:hover{
    background: linear-gradient(135deg,#7de0ff,#4ab5ff) !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(58,168,255,.45) !important;
}/* UM Checkbox & Radio Text Color */
.um-field-checkbox-option,.um-field-radio-option{
    color: #100d0df0 !important;
}/* UM Active Checkbox Icon Color */
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i{
    color: #044463 !important;
}body .wpuf-message{
    background: #db0b0b;
    border: 1px solid #ab7c1b;
    color: #000000;
    margin: 10px 0 20px 0;
    padding: 10px;
    border-radius: 3px;
    font-size: 13px;
}.hll-vendor-login-box{
    max-width:850px;
    margin:60px auto;
    padding:35px;
    border-radius:20px;
    background:linear-gradient(180deg,#169f9b,#31c878);
    color:#fff;
    box-shadow:0 15px 40px rgba(0,0,0,.28);
    text-align:left;
}.hll-vendor-login-box h2{
    color:#fff;
    font-size:32px;
    margin-bottom:15px;
    text-align:center;
}.hll-vendor-login-box p,.hll-vendor-login-box li{
    font-size:17px;
    line-height:1.6;
}.hll-vendor-check{
    display:block;
    font-size:17px;
    font-weight:700;
    margin:22px 0 12px;
}.hll-vendor-check input{
    margin-right:10px;
    transform:scale(1.25);
}.hll-vendor-error{
    display:none;
    background:#ff1f1f;
    color:#fff;
    padding:12px 16px;
    border-radius:10px;
    font-weight:700;
    margin:12px 0;
}.hll-vendor-login-btn{
    display:inline-block;
    background:#00ff44;
    color:#111 !important;
    padding:17px 42px;
    border-radius:12px;
    font-size:20px;
    font-weight:800;
    text-decoration:none !important;
    box-shadow:0 8px 25px rgba(0,255,80,.35);
}.hll-vendor-login-btn:hover{
    background:#00e63d;
}/* Hide Login title */
#fes-login-form-title,legend#fes-login-form-title,.fes-form-legend{
    display:none !important;
}/* Hide Lost Password */
#fes_lostpassword_link,a[href*="lostpassword"]{
    display:none !important;
}#hllSubscribeModal,#hllConfirmModal,#hllWarningModal{
    position:fixed;
    inset:0;
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:999999;
}.hll-modal-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.7);
}.hll-modal-box{
    position:relative;
    width:90%;
    max-width:550px;
    background:#fff;
    padding:30px;
    border-radius:18px;
    text-align:center;
    z-index:2;
    box-shadow:0 20px 50px rgba(0,0,0,.4);
}.hll-modal-box h2{
    margin-bottom:15px;
}.hll-modal-box p{
    font-size:17px;
    margin-bottom:20px;
}.hll-modal-buttons{
    display:flex;
    justify-content:center;
    gap:15px;
    flex-wrap:wrap;
}.hll-modal-buttons button{
    border:none;
    padding:14px 28px;
    border-radius:10px;
    cursor:pointer;
    font-size:16px;
    font-weight:700;
}#hllSubscribeBtn,#hllYesBtn{
    background:#00ff44;
    color:#000;
}#hllCancelBtn{
    background:#777;
    color:#fff;
}#hllNoBtn{
    background:#ff9800;
    color:#fff;
}.warning{
    background:#db0b0b;
    color:#fff;
}#hllOkBtn{
    background:#fff;
    color:#db0b0b;
}/* Fix custom EDD loading gif */
.edd-loading,img[src*="loading.gif"]{
    width:22px !important;
    height:22px !important;
    max-width:22px !important;
    max-height:22px !important;
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    transform:translate(-50%,-50%) !important;
    margin:0 !important;
    z-index:99 !important;
}/* Keep loader inside purchase button */
.edd_purchase_submit_wrapper,.edd-submit,.edd-add-to-cart{
    position:relative !important;
    overflow:hidden !important;
}.hll-modal-box{
    color:#111111 !important;
}.hll-modal-box h2{
    color:#111111 !important;
}.hll-modal-box p{
    color:#333333 !important;
}/* Premium outer cards (Cart, Payment Details, and outer Selector Wrap) */
.edd-blocks-form__cart #edd_checkout_cart,.edd-blocks_payment-details,#edd_payment_mode_select_wrap{

    background: linear-gradient(135deg,#18b6a7,#38c878) !important;

    border-radius: 20px !important;

    overflow: hidden !important;

    box-shadow:
        0 12px 30px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.15);

}/* Remove the duplicate inner card background and borders */
#edd_payment_mode_select{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 1.5rem !important; /* Adds nice breathing room inside the wrapper */
    margin: 0 !important;
}/* Item Name / Item Price header area */
.edd-blocks-form__cart .edd-blocks-cart__row-header{

    background: #0A1128 !important;

    color: #fff !important;

    padding: 1rem !important;

}/* Cart rows */
.edd-blocks-form__cart .edd-blocks-cart__row{

    padding: 1rem !important;

}/* Footer row */
.edd-blocks-form__cart .edd_cart_footer_row{

    padding: 1rem !important;

}/* Premium hover */
.edd-blocks-form__cart .edd-blocks-cart__row:hover{

    background: rgba(255,255,255,.05);

}/* ============================================================================================
   HLL STORE PRO — ISOLATION LAYER
   ============================================================================================

   Everything above this line is UNCHANGED. Not one byte was edited, removed or reordered.

   This block exists because a number of rules above are written as GLOBAL element selectors
   with !important — span:hover, h1/h2/h3/h4, p, select, input::placeholder — and !important
   beats specificity. A plugin cannot out-specify them. It can only be given its own island.

   HLL Store Pro renders everything it owns inside a root element carrying the class
   `.hll-sp` (the grid, the product page, the quick-view modal and the lightbox all have it).
   So this layer says one thing: INSIDE .hll-sp, the plugin decides.

   It changes nothing outside the store. Checkout, purchase history, EDD Blocks grids,
   Ultimate Member, the header, the footer, the blog, comments, profiles, navigation — all
   untouched, because none of them is inside .hll-sp.

   Values below are the plugin's own design tokens (var(--sp-*)), not hard-coded colours, so
   they follow whichever theme and accent you pick in the Store Pro settings, for ever.

   To disable this layer, delete from here to the end of the file.
   -------------------------------------------------------------------------------------- */


/* --- 0. THE CARD SURFACE — the bug that makes the theme picker look broken ------------------

   YOUR RULE, at line 6946 of this file, is this:

       #page, .site, #main-content, .site-container, .entry-content, #wrapper,
       .site-main, article, .content-container,
       .kt-row-column-wrap, .wp-block-kadence-column, .wp-block-kadence-rowlayout {
           background-color: transparent !important;
           background-image:  none        !important;
       }

   Look at the middle of that list: `article`.

   An HLL Store Pro product card IS an article element. So that rule strips the background off
   every card in the shop — and because it is !important, NO theme in the plugin can ever paint
   one. Emerald, Retail, Graphite, Frost and Minimal all lose their surface and all show the
   green page straight through. Switching theme appears to do nothing, because the surface
   colour is the main thing that separates the five themes, and it has been forced transparent.

   YOUR RULE IS NOT CHANGED. It is left exactly as it is, because your blog posts are articles
   too and they need it. This block simply sits later in the file and wins inside the store.

   Both LONGHANDS are restored, not the `background` shorthand — a shorthand would lose to the
   more specific longhand it is competing against. `--sp-surf` is the plugin's own token, so
   whichever theme you pick paints the right surface automatically. */
.hll-sp .hll-sp-card,.hll-sp article.hll-sp-card{
	background-color: var(--sp-surf) !important;
	background-image: none !important;
}/* Panels, buy boxes, sections and creator cards are section and div elements, so your rule
   does not currently reach them. Covering them costs nothing and makes the store immune if
   that selector list ever grows. */
.hll-sp .hll-sp-panel,.hll-sp .hll-sp-buybox,.hll-sp .hll-sp-section,.hll-sp .hll-sp-ccard,.hll-sp .hll-sp-empty,.hll-sp .hll-sp-creator-hero,.hll-sp-modal .hll-sp-modal-panel{
	background-color: var(--sp-surf) !important;
}/* Emerald's panels carry a top sheen. That is a gradient — a background-IMAGE — so it was
   wiped by `background-image: none !important` too, and has to be put back explicitly. */
.hll-sp-t-emerald .hll-sp-panel,.hll-sp-t-emerald .hll-sp-section,.hll-sp-t-emerald .hll-sp-creator-hero{
	background-image: linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, 0) 120px) !important;
}/* The well behind a product image, and the gallery stage on the product page. */
.hll-sp .hll-sp-card-media,.hll-sp .hll-sp-stage,.hll-sp .hll-sp-thumb{ background-color: var(--sp-img-bg) !important; }/* The filter toolbar, on the glass and panel settings. */
.hll-sp.hll-sp-bar-glass .hll-sp-bar,.hll-sp.hll-sp-bar-panel .hll-sp-bar{ background-color: var(--sp-surf) !important; }/* --- 1. `span:hover { color:#fff !important }` (L2284, L6358) -------------------------------
   The single worst conflict. Every badge, chip, price and BUTTON LABEL in the store is a
   a SPAN element, so hovering the buy button turned its label white — on a gold or cyan accent
   is white-on-light: the exact "white text on white hover" failure. It also put a pointer
   cursor on every piece of plain text in the store.

   Each span is given back its own colour rather than `inherit`, because inherit would make a
   FREE badge inherit the card's light text onto its light green plate. */
.hll-sp span:hover{ cursor: inherit; }.hll-sp .hll-sp-btn:hover .hll-sp-btn-txt,.hll-sp .hll-sp-btn:hover .edd-add-to-cart-label,.hll-sp .hll-sp-btn .hll-sp-btn-txt:hover,.hll-sp .hll-sp-btn .edd-add-to-cart-label:hover,.hll-sp button.edd-add-to-cart:hover .edd-add-to-cart-label,.hll-sp button.edd-add-to-cart .edd-add-to-cart-label:hover{ color: inherit !important; }.hll-sp .hll-sp-badge-free:hover{ color: #04150c !important; }.hll-sp .hll-sp-badge-premium:hover{ color: #1c1400 !important; }.hll-sp .hll-sp-badge-new:hover{ color: #10181f !important; }.hll-sp .hll-sp-badge-updated:hover{ color: #04121f !important; }.hll-sp .hll-sp-badge-version:hover{ color: #ffffff !important; }.hll-sp .hll-sp-badge-featured:hover{ color: var(--sp-on-acc) !important; }.hll-sp .hll-sp-badge-creator:hover{ color: var(--sp-fg-strong) !important; }.hll-sp .hll-sp-price:hover,.hll-sp .hll-sp-price-in:hover,.hll-sp .hll-sp-chip-version:hover,.hll-sp .hll-sp-stat-v:hover,.hll-sp .hll-sp-cstat-v:hover,.hll-sp .hll-sp-ccard-name:hover,.hll-sp .hll-sp-vendor:hover{ color: var(--sp-fg-strong) !important; }.hll-sp .hll-sp-price.is-free:hover{ color: var(--sp-ok) !important; }.hll-sp .hll-sp-chip:hover{ color: var(--sp-fg) !important; }.hll-sp .hll-sp-chip-tick:hover{ color: var(--sp-ok) !important; }.hll-sp .hll-sp-eyebrow:hover,.hll-sp .hll-sp-stat-k:hover,.hll-sp .hll-sp-cstat-k:hover,.hll-sp .hll-sp-ccard-n:hover,.hll-sp .hll-sp-compat-h:hover,.hll-sp .hll-sp-byline-k:hover,.hll-sp .hll-sp-chip-more:hover{ color: var(--sp-mut) !important; }/* --- 2. Global headings (L1148, L7176, L7180, L7565, L7602, L8624) --------------------------
   Three separate rules force h1/h2/h3 to white or #d4dedd with !important, plus a text-shadow
   and bold. A store CARD TITLE is an H3. On the White, Frosted and Minimal themes that is a
   white title on a white card — invisible. The forced text-shadow also wrecks the typography
   on every heading in the store. */
.hll-sp h1,.hll-sp h2,.hll-sp h3,.hll-sp h4,.hll-sp-modal h1,.hll-sp-modal h2,.hll-sp-modal h3{
	text-shadow: none !important;
	letter-spacing: normal !important;
}.hll-sp .hll-sp-title,.hll-sp .hll-sp-pdp-title,.hll-sp .hll-sp-qv-title,.hll-sp #hll-sp-qv-title,.hll-sp .hll-sp-panel .hll-sp-sec-h,.hll-sp .hll-sp-creator-name,.hll-sp .hll-sp-changelog-h{ color: var(--sp-fg-strong) !important; }/* These two sit on the PAGE, not on a card, so they take the page colour — which on the green
   background is the dark ink the plugin measured, not white. */
.hll-sp .hll-sp-header-h,.hll-sp .hll-sp-sec-h{ color: var(--sp-page-fg) !important; }.hll-sp .hll-sp-title{ font-weight: 800 !important; }/* --- 3. Global `p` colour (L7569, L7607) ----------------------------------------------------
   The card summary, the byline, the creator biography and the product summary are all P elements. */
.hll-sp p{ text-shadow: none !important; }.hll-sp .hll-sp-excerpt,.hll-sp .hll-sp-creator-bio,.hll-sp .hll-sp-compat-game{ color: var(--sp-fg) !important; }.hll-sp .hll-sp-pdp-sum{ color: var(--sp-page-mut) !important; }.hll-sp .hll-sp-byline,.hll-sp .hll-sp-creator-n{ color: var(--sp-mut) !important; }.hll-sp .hll-sp-prose p,.hll-sp .hll-sp-section-body p,.hll-sp .hll-sp-changelog-body p{ color: var(--sp-fg) !important; }/* --- 4. Global `select` (L5152, L6078, L7712, L7723) ----------------------------------------
   The store toolbar filters — Category, Sort, Price, Game version — are SELECT elements. Two global
   rules force them: one to #eafff9 (near-white) text, another to #222024 (near-black), both
   with !important, and a translucent white background. On a dark theme the dark text vanishes;
   on a light theme the near-white text vanishes. `max-width: 320px` also caps them, so the
   toolbar cannot lay out.

   Note the two site rules already contradict each other — L7712 wins over L6078 purely because
   it comes later. That is worth knowing regardless of this plugin. */
.hll-sp .hll-sp-controls select,.hll-sp .hll-sp-field select,.hll-sp select{
	max-width: none !important;
	background: var(--sp-field) !important;
	border: 1px solid var(--sp-line) !important;
	color: var(--sp-field-fg) !important;
	border-radius: var(--sp-ctl) !important;
	box-shadow: none !important;
}.hll-sp .hll-sp-controls select:focus,.hll-sp select:focus{
	border-color: var(--sp-acc) !important;
	box-shadow: 0 0 0 3px var(--sp-ring) !important;
	outline: none !important;
}.hll-sp select option{ background: var(--sp-opt-bg) !important; color: var(--sp-field-fg) !important; }/* --- 5. `input::placeholder` (L7732) and input colour (L6078) -------------------------------
   The store search box. A near-white placeholder on the light themes' light field is the
   "low contrast placeholder" failure. */
.hll-sp input{ color: var(--sp-field-fg) !important; }.hll-sp input::placeholder{ color: var(--sp-mut) !important; opacity: 1 !important; }/* --- 6. THE PURCHASE BUTTON (L5603, L5735, L6473, L7351, L7356, L7742, L7754, L9459) --------
   The big one. `.edd_purchase_submit_wrapper .edd-add-to-cart` forces a cyan gradient with
   six !important declarations — and `.edd_purchase_submit_wrapper` is EDD's own wrapper INSIDE
   the purchase form that HLL Store Pro renders. So every buy button in the store was being
   repainted cyan, losing the accent system, the height, the radius, and the loading and
   "Added" states.

   Outside the store — the checkout page, EDD Blocks grids, the wallet — those rules still
   apply exactly as before. This only releases the buttons the plugin owns. */
.hll-sp .hll-sp-buy button.edd-add-to-cart,.hll-sp .hll-sp-buy .edd_purchase_submit_wrapper .edd-add-to-cart,.hll-sp .edd_purchase_submit_wrapper .edd-add-to-cart,.hll-sp .hll-sp-btn.edd-add-to-cart,.hll-sp button.edd-add-to-cart,.hll-sp .edd-submit{
	background: linear-gradient(180deg, var(--sp-acc), var(--sp-acc-2)) !important;
	color: var(--sp-on-acc) !important;
	border: 1px solid transparent !important;
	border-radius: var(--sp-ctl) !important;
	padding: 0 18px !important;
	font-size: 14.5px !important;
	font-weight: 800 !important;
	letter-spacing: .012em !important;
	width: 100% !important;
	box-shadow: 0 8px 22px -10px var(--sp-ring) !important;
	overflow: visible !important;
	text-shadow: none !important;
}.hll-sp .hll-sp-buy button.edd-add-to-cart:hover,.hll-sp .edd_purchase_submit_wrapper .edd-add-to-cart:hover,.hll-sp button.edd-add-to-cart:hover,.hll-sp .edd-submit:hover{
	background: linear-gradient(180deg, var(--sp-acc), var(--sp-acc-2)) !important;
	color: var(--sp-on-acc) !important;
	filter: brightness(1.08) !important;
	transform: translateY(-1px) !important;
}/* The confirmation state must still be able to turn the button green. It is declared after the
   rules above so it wins, exactly as it does in the plugin's own stylesheet. */
.hll-sp button.edd-add-to-cart.is-done,.hll-sp .hll-sp-btn.is-done{
	background: var(--sp-ok) !important;
	background-image: none !important;
	color: #04150c !important;
	filter: none !important;
	transform: none !important;
}/* The sticky bar's button is not full width — it shares the bar with the price. */
.hll-sp .hll-sp-sticky button.edd-add-to-cart,.hll-sp .hll-sp-sticky .hll-sp-btn{ width: 100% !important; }/* --- 7. THE PRICE (L6729) -------------------------------------------------------------------
   `.edd_price` is given an orange pill with white text and !important. EDD prints that class
   inside the plugin's own price chip, so every price in the store became an orange pill,
   overriding the price hierarchy the cards depend on. */
.hll-sp .hll-sp-price .edd_price,.hll-sp .hll-sp-price span[id^="edd_price"],.hll-sp .edd_price{
	display: inline !important;
	background: none !important;
	color: inherit !important;
	padding: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-size: inherit !important;
	font-weight: inherit !important;
}/* --- 8. VARIABLE PRICE OPTIONS (L7529, L7543, L7620, L7626, L7633) --------------------------
   The plugin renders EDD's real price options inside its quick view and its buy panel, and
   styles them to match the panel. The site forces a grey box (#6C798F) with orange gradient
   prices and #eafff9 labels, all !important — inside the premium purchase panel. */
.hll-sp .edd_download_purchase_form .edd_price_options,.hll-sp form.edd_download_purchase_form .edd_price_options{
	background: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
	color: var(--sp-fg) !important;
}.hll-sp .edd_price_options li,.hll-sp form.edd_download_purchase_form .edd_price_options li,.hll-sp form.edd_download_purchase_form .edd_price_options label,.hll-sp form.edd_download_purchase_form .edd_price_options span{
	color: var(--sp-fg) !important;
}.hll-sp .edd_price_option_price,.hll-sp form.edd_download_purchase_form .edd_price_option_price,.hll-sp form.edd_download_purchase_form .edd_price_options .edd_price_option_price{
	display: inline !important;
	background: none !important;
	color: var(--sp-fg-strong) !important;
	padding: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-weight: 800 !important;
}.hll-sp form.edd_download_purchase_form .edd_price_options input:checked + label{
	color: var(--sp-fg-strong) !important;
}/* --- 9. RECOMMENDATIONS (L6438, L6446, L6537, L6588) ----------------------------------------
   The plugin wraps EDD's Recommended Products in `.hll-sp-after` and sizes them down to about
   55% of a store card. `.edd_download_image img`, `.edd_download_title` and
   `.edd-rp-item .edd_price` are forced with !important, so the compact cards were being pushed
   back to full size with the wrong colours. Only the copies inside the store are released. */
.hll-sp .hll-sp-after .edd_download_image img,.hll-sp .hll-sp-after .edd-rp-item img{
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	border-radius: 0 !important;
	margin: 0 !important;
}.hll-sp .hll-sp-after .edd_download_title,.hll-sp .hll-sp-after .edd-rp-item .edd-rp-title,.hll-sp .hll-sp-after .edd-rp-item h3{
	color: var(--sp-fg-strong) !important;
	text-shadow: none !important;
	background: none !important;
}.hll-sp .hll-sp-after .edd-rp-item .edd_price,.hll-sp .hll-sp-after .edd_price{
	background: none !important;
	color: var(--sp-fg-strong) !important;
	padding: 0 !important;
	border-radius: 0 !important;
}/* --- 10. `* { transition: all 0.2s ease }` (L890 and L895 — the same rule twice) ------------
   This does not override the plugin (a universal selector has zero specificity), but it does
   attach `transition: all` to every store element that has no transition of its own — several
   hundred of them in a full grid — which is the classic CSS performance trap, and it also
   defeats the plugin's prefers-reduced-motion support.

   `:where(.hll-sp)` contributes ZERO specificity, so this rule ties with `*` and wins only on
   source order, while still losing to every one of the plugin's own class-based transitions.
   Nothing the plugin deliberately animates is affected; only the accidental blanket is. */
:where(.hll-sp) *{ transition: none; }@media (prefers-reduced-motion: reduce){.hll-sp *,.hll-sp-modal *,.hll-sp-lightbox *{
		transition: none !important;
		animation: none !important;
	}}/* --- 11. The quick-view modal and the lightbox ----------------------------------------------
   Both are appended to the page body, outside the content, and both carry `.hll-sp`. The rules
   above therefore already reach them. This only guarantees they sit above the site's own
   fixed furniture (header, side menu) rather than behind it. */
.hll-sp-modal{ z-index: 100000 !important; }.hll-sp-lightbox{ z-index: 100001 !important; }/* --- 12. THE REVIEW FORM — black text on a black box ----------------------------------------

   When a customer writes a review, the words they type are invisible. Two of YOUR rules stack
   to cause it, and the second one wins:

       .comment-form input, .comment-form textarea            { background:#1f1f1f; color:#f5f5f5 }   (L1003 — fine)
       .comment-form p.comment-form-float-label input,
       .comment-form p.comment-form-float-label textarea      { background:transparent; color:#000 }   (L4051 — the problem)

   EDD Reviews wraps its fields in `.comment-form-float-label`, so the second rule applies:
   transparent background over the dark review card, with BLACK text. Black on near-black is
   the invisible typing you are seeing.

   NEITHER of your rules is removed. This simply makes the review field text light, which is
   what the dark card needs. It is scoped to the review/comment form, so no other input on the
   site is touched. */
.comment-form p.comment-form-float-label input,.comment-form p.comment-form-float-label textarea,.comment-form .comment-form-comment textarea,#respond .comment-form textarea,#respond .comment-form input[type="text"],#respond .comment-form input[type="email"],#respond .comment-form input[type="url"],.edd-reviews textarea,.edd-reviews input[type="text"]{
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;   /* Safari/Chrome honour this over `color` */
}.comment-form p.comment-form-float-label input::placeholder,.comment-form p.comment-form-float-label textarea::placeholder,#respond .comment-form textarea::placeholder,.edd-reviews textarea::placeholder{
	color: rgba(255, 255, 255, .55) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, .55) !important;
}/* The floating label itself, so it is readable against the card too. */
.comment-form p.comment-form-float-label label,.edd-reviews label{ color: rgba(255, 255, 255, .82) !important; }/* --- 13. SINGLE PRODUCT NOT CENTERED — the footer gets dragged left with it -----------------

   On a single product page the content sits in a narrow column on the LEFT, with a wide band
   of empty green on the RIGHT, and the footer is pulled in under that same narrow column.

   That is the theme's content-plus-sidebar layout: the product goes in the content column and
   the (empty) sidebar keeps its space on the right. The plugin cannot see that column — it is
   the theme's, outside `.hll-sp` — so it is fixed here, and ONLY on the product pages the
   plugin generates.

   Checkout is deliberately NOT included: its own 850px card is meant to be narrow and centred,
   and this must not touch it.

   THE REAL, PERMANENT FIX is one setting: edit the page in Kadence and set
   Layout → Content → set to "Full Width" (sidebar: none). This block is the CSS equivalent for
   the auto-generated download pages, which have no such setting of their own. */
/* THE REAL CAUSE, confirmed in DevTools: the body element on these pages is `display: grid`
   and renders at roughly half width (~1053px). The plugin's content fills the left grid track
   and the right track stays empty — that is the vertical seam and the band of green on the
   right. It is NOT a sidebar, and it is NOT `.content-container`; it is the body itself.

   The body carries `hll-sp-pdp`, which the plugin adds only to its own product pages, so this
   is scoped exactly to them. It returns the body to normal block flow at full width. Nothing
   else on the site — home, blog, checkout, profiles — is a product page, so nothing else is
   touched.

   `grid-template-columns: none` and `display: block` each defuse the grid on their own; both
   are set so it does not matter whether the theme expressed the split as a two-column grid or
   inherited a stray one. `width`/`max-width`/`min-width` undo the ~1053px clamp. */
body.hll-sp-pdp{
	display: block !important;
	grid-template-columns: none !important;
	grid-template-rows: none !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
}/* The direct children the grid was positioning (the header wrap, the content, the footer) now
   flow normally; make sure none of them kept a grid-column placement that pins them left. */
body.hll-sp-pdp > #wrapper,body.hll-sp-pdp > .site,body.hll-sp-pdp > header,body.hll-sp-pdp > footer{
	grid-column: auto !important;
	width: auto !important;
	max-width: none !important;
}/* With the body back to full width, the plugin root centres itself as designed. */
body.hll-sp-pdp .hll-sp{ margin-left: auto !important; margin-right: auto !important; }/* --- 14. THE LEFT-SHIFT — nav, content and footer stranded in a narrow left column ---------

   THIS ONE IS THE PLUGIN'S FAULT, and it is a single property.

   store.css line 107 puts `container-type: inline-size` on `.hll-sp`. That was meant to enable
   CSS container queries — except the plugin ships NO @container rules that use it, so it buys
   nothing. What it costs is real: `container-type: inline-size` establishes size containment,
   which means `.hll-sp` STOPS reporting its natural width to its parent.

   On a theme (Kadence included) whose content column can size from its contents, that missing
   width makes the column collapse — and because the header row and the footer live in the same
   outer container, they collapse and left-align with it. The result is exactly what you see:
   the nav cut off partway across, the product on the left, a wide band of empty green on the
   right, and the footer dragged in under the narrow column.

   Turning containment off restores the natural width. Nothing in the plugin depends on it
   (there are no container queries), so this is a pure fix with no trade-off. */
.hll-sp{ container-type: normal !important; }/* ---------------------------------- end of HLL Store Pro isolation layer ------------------ */
/* Review form: white typing text, visible gold stars, hide duplicate boxes */
/* Review form: white typing text, visible gold stars, hide duplicate boxes */
/* Review form — real EDD Reviews selectors, override the-reptile-view #222024 */
#edd-reviews textarea,#edd-reviews input[type="text"],#edd-reviews input[type="email"],#edd-reviews input[type="url"],#edd-reviews-review,.edd-reviews-form textarea,.edd-reviews-form input[type="text"],.hll-sp-after #edd-reviews textarea,.hll-sp-after #edd-reviews input[type="text"]{
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    caret-color: #ffffff !important;
    background: rgba(255, 255, 255, 0.06) !important;
}#edd-reviews textarea::placeholder,#edd-reviews input::placeholder{
    color: rgba(255,255,255,.55) !important;
    -webkit-text-fill-color: rgba(255,255,255,.55) !important;
}/* Stars visible */
#edd-reviews .edd-reviews-review-form-rating a,#edd-reviews .edd-reviews-rating-star,#edd-reviews .star-rating,.edd-reviews-review-form-rating a,.edd-reviews-review-form-rating label{
    color: #f5c542 !important;
    -webkit-text-fill-color: #f5c542 !important;
    opacity: 1 !important;
}/* Remove the white frame around the review form */
#edd-reviews fieldset,.edd-reviews-form fieldset,#edd-reviews-form fieldset{
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
}/* HLL Live: same white as every other menu link */
.hll-side-menu .hll-live-link > a{ color: #fff; }/* Live badge: red instead of the Premium yellow */
.hll-side-menu .hll-badge--live{
  background: #ff2d46;
  color: #fff;
}:where(:has(> #hll-nav-host)){
  background:#0a1411 !important;
  border:0 !important;
  box-shadow:none !important;
}:where(:has(> * > #hll-nav-host)){
  background:#0a1411 !important;
  border:0 !important;
  box-shadow:none !important;
}/* drawer × — white, visible, premium */
#widget-drawer .widget-toggle-close,#widget-drawer .widget-toggle-close .kadence-svg-iconset{
  color: #fff !important;
  opacity: 1 !important;
}#widget-drawer .widget-toggle-close{
  background: rgba(255,255,255,.07) !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 8px !important;
}#widget-drawer .widget-toggle-close svg{
  fill: #fff !important;
  width: 22px !important;
  height: 22px !important;
}#widget-drawer .widget-toggle-close:hover,#widget-drawer .widget-toggle-close:focus-visible{
  background: rgba(255,255,255,.14) !important;
}#widget-drawer .drawer-overlay{background:rgba(3,8,6,.62) !important;}#widget-drawer .drawer-inner{scrollbar-width:thin;scrollbar-color:#1c2b24 transparent;}#widget-drawer .drawer-inner::-webkit-scrollbar{width:6px;}#widget-drawer .drawer-inner::-webkit-scrollbar-thumb{background:#1c2b24;border-radius:999px;}#widget-drawer .drawer-inner::-webkit-scrollbar-track{background:transparent;}/* "Latest Updates" premium CTA button — border accent only.
   Scoped to a dedicated class rather than a[href="/news-updates/"], because
   the top nav has its own "News/Updates" menu item pointing at the exact
   same URL — an href-based selector would repaint that nav link too, not
   just this button. Add class="hll-latest-updates-btn" to the button link's
   <a> tag in the page's HTML block to activate this; nothing else changes
   until that class is present, so it cannot accidentally match anything
   else on the site. Text color is untouched on purpose — the button's own
   background is already #FF9800, so orange text on it would be unreadable;
   only the border picks up the accent colour. */
a.hll-latest-updates-btn{
  border: 1px solid #FF9800 !important;
}a.hll-latest-updates-btn:hover{
  border-color: #ffb84d !important;
}/* ============================================================
   Added blocks — supplied verbatim, with !important applied to
   every declaration as requested.
   ============================================================ */

/* Ultimate Member notice — transparent with blur */
.hll-um-notice{
    background: rgb(0 0 0 / 0%) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
}/* Blog / archive / query-loop post cards */
.wp-block-query .wp-block-post,.blog .post,.archive .post{
    border-radius: 12px !important;
    margin-bottom: 18px !important;
    box-shadow: 0 4px 12px rgb(233 37 30 / 48%) !important;
    border-left: 4px solid #1b8899 !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}/* Single post content panel */
.single-post .entry-content{
    border-radius: 12px !important;
    padding: 20px !important;
    margin-bottom: 25px !important;
    border-left: 4px solid #1b8899 !important;
    box-shadow: 0 4px 12px rgb(94 24 24 / 84%) !important;
    transition: all 0.25s ease !important;
}/* Ultimate Member member cards */
.um-members .um-member,.um-members .um-member-card,.um-members .um-member-body,.um-members .um-member-content{
    background: linear-gradient(145deg, #737f9600, #5f6b8240) !important;
    border-radius: 14px !important;
    padding: 18px !important;
    margin-bottom: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 25px rgb(175 36 36 / 37%), inset 0 1px 0 rgb(128 14 14 / 0%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    transition: all 0.35s ease !important;
}/* UM profile body — let icons/spans inherit their own colour */
.um-profile-body i.um-faicon-frown-o,.um-profile-body span{
    color: unset !important;
}/* UM profile status pill */
.um-form .um-profile-status{
    display: inline-block !important;
    margin-top: 4px !important;
    padding: 4px 10px !important;
    border-radius: 8px !important;
    background: #4CAF50 !important;
}/* EDD reviews / comments — strip borders and shadows */
hl1-sp-after .edd-reviews-area,.hl1-sp-after #comments,.hl1-sp-after .edd-reviews-form{
    border: none !important;
    box-shadow: none !important;
}/* EDD related products — strip borders */
.hl1-sp-after #edd-rp-single-wrapper,.hl1-sp-after .edd-rp-wrapper{
    border: none !important;
}/* Support box */
#h11-support-box{
    margin: 25px 0 !important;
    padding: 22px !important;
    border-radius: 16px !important;
    background: none !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, .4) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .18) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}/* EDD reviews / comments — reset spacing, borders and shadows */
.h11-sp-after .edd-reviews-area,.h11-sp-after #comments,.h11-sp-after .edd-reviews-form{
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
}/* EDD blocks checkout — transparent panels */
.edd-blocks-form__cart #edd_checkout_cart,.edd-blocks-payment-details,#edd_payment_mode_select_wrap{
    background: none !important;
}/* EDD blocks cart — orange header row */
.edd-blocks-form__cart .edd-blocks-cart__row-header{
    background: #ff9800 !important;
    color: #fff !important;
}/* Support box — transparent */
#hl1-support-box{
    background: none !important;
}/* ============================================================
   Spelling-compatibility layer.

   The blocks above were supplied using "hl1-" / "h11-" (digit one)
   spellings. Everything else in this codebase — and the actual markup,
   e.g. <div id="hllNotice" class="hll-um-notice"> — uses "hll-"
   (lower-case double L). A selector written with a digit 1 cannot match
   a class written with an L, which is why those particular rules had no
   visible effect while .hll-um-notice worked fine.

   Rather than change the originals, the same declarations are repeated
   here against the "hll-" spelling. If the digit-1 spellings are correct
   after all, these simply match nothing and cost nothing. Also restores
   the leading dot that was missing from the first selector of the EDD
   reviews rule.
   ============================================================ */

.hll-sp-after .edd-reviews-area,.hll-sp-after #comments,.hll-sp-after .edd-reviews-form{
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
}.hll-sp-after #edd-rp-single-wrapper,.hll-sp-after .edd-rp-wrapper{
    border: none !important;
}#hll-support-box{
    margin: 25px 0 !important;
    padding: 22px !important;
    border-radius: 16px !important;
    background: none !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, .4) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .18) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}