body.wp-child-theme-hello-elementor-child { background: #000; }

.comment-popup {

  position: fixed;

  inset: 0;

  background: rgba(0,0,0,.5);

  display: none;          /* JS control karega */

  justify-content: center;

  align-items: center;

  z-index: 99999;

}

/*.ht-expert-menu li { justify-content: unset !important; } */



h3#popupMatchTitle {

    color: #000;

}

.ht-expert-menu li span span {
    margin-left: 5px;
}


select#popupWinner {

    margin-bottom: 10px;

}



.popup-box {

  background: #fff;

  padding: 20px;

  width: 500px;

  border-radius: 25px;

  box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;

}



.popup-box textarea {

  width: 100%;

  height: 200px;

  resize: none;

  font-size: 14px;

}



.popup-box button {

  margin-top: 10px;

  padding: 8px 14px;

}



.match-user-comment {

  font-size: 14px;

  color: #333;

}



.match-user-comment strong {

  color: #000;

}



span.score {

    font-size: 12px;

    padding: 4px 10px;

    border-radius: 6px;

    color: #fff;

    background: #f39c12;

}



.score.final {

    font-size: 12px;

    padding: 4px 10px;

    border-radius: 6px;

    color: #fff;

    background: #f39c12;

}



.comment-text {

    margin: 15px 0px 15px 0;

}



.comment-actions {

  display: flex;

  gap: 10px;

}



.edit-comment-btn,

.delete-comment-btn {

  padding: 8px 14px;

  font-size: 13px;

  border-radius: 6px;

  cursor: pointer;

  border: 1px solid transparent;

}



.edit-comment-btn {

  background: #fff3cd;

  border-color: #f0ad4e;

}



.delete-comment-btn {

  background: #fdecea;

  border-color: #e74c3c;

}



.comment-status {

  font-size: 13px;

  font-weight: 600;

}



span.comment-status.approved {

    margin-left: 0px;

    margin-bottom: 10px;

}



.comment-status.pending { color: #f39c12; }

.comment-status.approved { color: #27ae60; }



.match-comment-row {

  display: grid;

  grid-template-columns: 1fr auto;

  gap: 16px;

  padding: 14px 16px;

  border: 1px solid #e5e5e5;

  border-top: none;

  background: #fafafa;

}



.password-wrapper {

    position: relative;

    width: 100%;

}



.password-wrapper input {

    padding-right: 50px;

}



.toggle-password {

    position: absolute;

    right: 14px;

    top: 50%;

    transform: translateY(-50%);

    cursor: pointer;

    font-size: 20px;

    color: #c59d1e;

    z-index: 10;

}

.my-account-wrapper {

    max-width: 1100px;

    margin: auto;

    padding: 40px 20px;

    color: #fff;

    font-family: "Inter", sans-serif;

}



.profile-image-upload input[type="file"] {

    width: 100%;

    margin-top: 5px;

    color: #fff;

}



.profile-image-wrapper {

    position: relative;

    width: 100px;

    height: 100px;

    margin-bottom: 20px;

}



.profile-image {

    width: 100px;

    height: 100px;

    border-radius: 50%;

    background-size: cover;

    background-position: center;

    position: relative;

    cursor: pointer;

    border: 3px solid #c59d1e;

}



.profile-image input[type="file"] {

    display: none;

}



.profile-image .edit-icon {

    position: absolute;

    bottom: 0;

    right: 0;

    background: #c59d1e;

    color: #000;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    text-align: center;

    line-height: 30px;

    font-size: 16px;

    cursor: pointer;

    border: 2px solid #fff;

}



.account-header img {

    border-radius: 50%;

    object-position: 80% 100%;

    object-fit: cover;

    display: block;

}



.account-card {

    background: #F5F5F5;

    border-radius: 14px;

    padding: 30px;

    box-shadow: 0 0 40px rgba(0,0,0,.6);

}



.account-header {
    display: flex;
    gap: 26px;
    align-items: flex-start;
    margin-bottom: 0px;
}
.expert-my-profile-right-wrap .account-header h3 {
    margin: 0px 0px 20px 0px !important;
    font-family: "Oswald", Sans-serif;
    line-height: 1.2em;
    font-weight: normal;

}

.expert-my-profile-left-wrap {
    border: unset !important;
    width: 80px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    height: fit-content !important;
}
.expert-my-profile-left-wrap .edit-icon {
    position: absolute !important;
    bottom: -18px !important;
    background: #fff !important;
    border: unset !important;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
}
.expert-my-profile-left-wrap .edit-icon img { border-radius: unset; }

.expert-my-profile-right-wrap { width: 100%; }

.account-header h3 {
    margin-top: 0px !important;
    color: #000000;
    margin-bottom: 20px !important;
}

.expert-my-profile-right-wrap input, .expert-my-profile-right-wrap textarea {
  background: #fff !important; border: 1px solid rgb(0 0 0 / 20%) !important; border-radius: 0px !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.2em !important; color: rgb(0 0 0 / 80%) !important; font-family: 'poppins', sans-serif !important; padding: 15px 20px !important;
}
.expert-my-profile-right-wrap input::placeholder, .expert-my-profile-right-wrap textarea::placeholder { font-size: 16px !important; font-weight: 500 !important; line-height: 1.2em !important; color: rgb(0 0 0 / 80%) !important; }


.user-avatar {

    width: 60px;

    height: 60px;

    border-radius: 50%;

}



.user-email {
   color: #000;
   font-size: 16px;
   font-family: 'poppins', sans-serif;
   line-height: 1.7em;
}



.grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-bottom: 15px;
}



input, select, textarea {

    background: #1c1c1c;

    border: 1px solid #2a2a2a;

    padding: 12px;

    border-radius: 8px;

    color: #fff;

    width: 100%;

}



input:read-only { opacity: .6; }

.save-btn { display: block; width: 100%; margin: 36px 0px 0px 0px; padding: 14px; background: linear-gradient(90deg,#c59d1e,#f5d36b); border: none; border-radius: 10px; font-weight: bold; color: #000; cursor: pointer; }
.success-msg { background: rgba(197,157,30,.15); border-left: 4px solid #c59d1e; padding: 10px; margin-bottom: 15px; }
.address-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 30px; }
.address-card { background: #111; padding: 20px; border-radius: 12px; }
.address-card h4 { margin-bottom: 10px; }
.match-tabs { max-width: 1000px; margin: 30px auto; }
.tabs { display: flex; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; background: #f9f9f9; }



.tab {

  flex: 1;

  padding: 12px;

  border: none;

  background: transparent;

  cursor: pointer;

  font-weight: 600;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

  color: #555;

}



.tab.active[data-tab="live"] {

  background: #ffe5e5;

  color: #c0392b;

}



.tab.active[data-tab="upcoming"] {

  background: #fff1dc;

  color: #d68910;

}



.tab.active[data-tab="finished"] {

  background: #eaeaea;

  color: #333;

}



.dot {

  width: 12px;

  height: 12px;

  border-radius: 50%;

}



.dot.live { background: #e74c3c; }

.dot.upcoming { background: #f39c12; }

.dot.finished { background: #333; }



.tab-content {

  display: none;

  margin-top: 15px;

}



.tab-content.active {

  display: block;

}



.match-card {

  display: flex;

  align-items: center;

  gap: 35px;

  padding: 14px 16px;

  background: #fff;

  color: #000;

  border: 1px solid #e5e5e5;

  border-left: 5px solid #000;

  margin-bottom: 8px;

}



#live .match-card { border-left-color: #e74c3c; }

#upcoming .match-card { border-left-color: #f39c12; }

#finished .match-card { border-left-color: #555; }



.match-title {

  font-weight: 600;

  color: #000;

}



.match-date, .match-date-time {

  font-size: 12px;

  color: #666;

  margin-top: 4px;

}



.match-category {

  font-size: 12px;

  padding: 3px 8px;

  border: 1px solid #ccc;

  border-radius: 12px;

  color: #555;

  background: #f7f7f7;

}



.match-result {

  font-size: 13px;

  font-weight: 600;

  color: #2c3e50;

  padding: 3px 8px;

  border: 1px solid #bbb;

  border-radius: 6px;

  background: #24dd1870;

}



.badge {

  font-size: 12px;

  padding: 4px 10px;

  border-radius: 6px;

  color: #fff;

}



.badge.upcoming { background: #f39c12; }

.badge.live { background: #e74c3c; }

.badge.finished { background: #555; }



/* Expert My Picks */

/* ===== Page Wrapper ===== */

.expert-pick-history {

  max-width: 1200px;

  margin: 40px auto;

  padding: 20px;

  background: #fff;

  border-radius: 14px;

  box-shadow: 0 10px 40px rgba(0,0,0,.1);

}



.page-title {

  font-size: 22px;

  margin-bottom: 20px;

  color: #000;

}



/* ===== Filters ===== */

.pick-filters {

  display: grid;

  grid-template-columns: repeat(4, 1fr) auto;

  gap: 15px;

  margin-bottom: 25px;

}



.filter-group label {

  font-size: 12px;

  font-weight: 600;

  margin-bottom: 4px;

  display: block;

}



.filter-group input,

.filter-group select {

  width: 100%;

  padding: 10px;

  border-radius: 8px;

  border: 1px solid #ccc;

}



.filter-btn {

  align-self: flex-end;

  padding: 12px 20px;

  border-radius: 10px;

  border: none;

  cursor: pointer;

  font-weight: 600;

  background: linear-gradient(90deg,#c59d1e,#f5d36b);

  color: #000;

}



/* ===== Table ===== */

.pick-table-wrapper {

  overflow-x: auto;

}



.pick-table {

  width: 100%;

  border-collapse: collapse;

  color: #999;

}



.pick-table th,

.pick-table td {

  padding: 14px 12px;

  text-align: left;

  border-bottom: 1px solid #eee;

  font-size: 14px;

}



.pick-table th {

  background: #f7f7f7;

  font-weight: 700;

  color: #333;

}



/* ===== Status Badges ===== */

.status,

.result {

  padding: 4px 10px;

  border-radius: 20px;

  font-size: 12px;

  font-weight: 600;

}



.status.approved { background: #eafaf1; color: #27ae60; }

.status.pending { background: #fff6e5; color: #f39c12; }

.status.rejected { background: #fdecea; color: #e74c3c; }



.result.win { background: #eafaf1; color: #27ae60; }

.result.loss { background: #fdecea; color: #e74c3c; }

.result.pending { background: #eee; color: #666; }



/* ===== Credits ===== */

.credit.plus { color: #27ae60; font-weight: 700; }

.credit.minus { color: #e74c3c; font-weight: 700; }

.credit.zero { color: #999; }

.plslog {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        flex-direction: column;
        text-align: center;
        padding: 60px 0;
}
.plslog h2{font-family: "Oswald", Sans-serif;
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 31px;
    color: #fff;
    margin-bottom: 40px;
}
.plslog a {
    background: linear-gradient(160deg, rgba(212, 175, 55, 1) 3%, rgba(184, 134, 11, 1) 100%);
    border: none;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer;
    color: #ffffff;
    padding: 10px 60px;
    text-transform: uppercase;
}
.plslog a:hover, .plslog a:focus-visible {
    color: #ffffff;
}


/* Responsive */
@media screen and (max-width: 1200px) {
  .expert-my-profile-right-wrap h3 { font-size: 22px !important; }
}


/* ===== Desktop Only (min 1024px) ===== */

@media (min-width: 1024px) {

  .pick-table th,

  .pick-table td {

    font-size: 15px;

  }

}



/* ===== Mobile ===== */

@media (max-width: 768px) {

  .pick-filters {

    grid-template-columns: 1fr;

  }



  .filter-btn {

    width: 100%;

  }

}

@media (max-width: 767px){
  .expert-my-profile-right-wrap h3 { font-size: 20px !important; }
  .grid-2 { grid-template-columns: 1fr; }
  .address-grid { grid-template-columns: 1fr; gap: 0px; }
  .account-header { display: grid; }
}