/* Common CSS */

/* Color for default blog and other */

:root {
  /* Core Colors */
  --ft--common-white: #ffffff;
  --ft--common-black: #000000;
  --ft--common-black-2: #0a0a0a;
  --ft--common-black-3: #111111;
  --ft--common-black-4: #000000;
  --ft--common-black-5: #0e1133;
  --ft--common-green: #26ae61;
  --ft--common-green-2: #1f9954;
  --ft--common-green-3: #27aa4d;
  --ft--common-green-4: #20ad96;
  --ft--common-blue: #4356ff;
  --ft--common-blue-2: #4270ff;
  --ft--common-blue-3: #3c66ed;
  --ft--common-blue-4: #3083ff;
  --ft--common-cream: #fff1e0;
  --ft--common-pink: #ec1379;
  --ft--common-pink-2: #fc4c56;
  --ft--common-orange: #f37f43;
  --ft--common-orange-2: #ee6002;
  --ft--common-orange-3: #ff9f4b;
  --ft--common-purple: #6c0092;
  --ft--common-purple-2: #5a4bcc;
  --ft--common-yellow: #ffb200;
  --ft--common-yellow-2: #ffc131;
  --ft--common-yellow-3: #ffd161;
  --ft--common-yellow-4: #ffaa2c;
  --ft--common-yellow-5: #ff8d00;
  --ft--common-violet: #6151fb;
  --ft--common-violet-2: #a794c8;
  --ft--header-primary: #000000;
  --ft--header-2: #0a0a0a;
  --ft--grey-1: rgba(255, 255, 255, 0.1);
  --ft--grey-2: rgba(38, 174, 97, 0.05);
  --ft--grey-3: #111111;
  --ft--grey-4: #0a0a0a;
  --ft--grey-5: #222222;
  --ft--grey-6: #1a1a1a;
  --ft--grey-7: #141414;
  --ft--grey-8: #181818;
  --ft--grey-9: #1c1c1c;
  --ft--grey-10: #161616;
  --ft--text-body: #c4cbf9;
  --ft--text-1: #ffffff;
  --ft--text-2: #f1f1f1;
  --ft--text-3: #c4cbf9;
  --ft--text-4: #a1a2ab;
  --ft--text-5: #828282;
  --ft--text-6: #b8b8b8;
  --ft--text-7: #a0a0a0;
  --ft--text-8: #989898;
  --ft--text-9: #909090;
  --ft--text-10: #828282;
  --ft--text-11: #787878;
  --ft--text-12: #707070;
  --ft--text-13: #686868;
  --ft--text-14: #606060;
  --ft--text-15: #a1a2ab;
  --ft--theme-1: #ec1379;
  --ft--theme-2: #6c0092;
  --ft--theme-3: #ffb200;
  --ft--border-1: rgba(255, 255, 255, 0.1);
}

.custom-container {
  padding: 0 !important;
}

/* Gap for elementor and section */

.sec-mar {
  margin: 120px 0 120px 0;
}

@media screen and (max-width: 991px) {
  .sec-mar {
    margin: 80px 0 80px 0;
  }
}

/* Section Padding */

.section {
  padding: 120px 0;
}

@media screen and (max-width: 767px) {
  .section {
    padding: 80px 0;
  }
}

/* Footer */

.footer__top ul {
  list-style: none;
}

/* Elementor span problem */

span.elementor-edit-link-title {
  color: #fff;
  display: inline;
}

.play-card {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.form-group label {
  display: block;
}
.form-group span {
  display: block;
}

.error__area {
  padding-top: 280px !important;
}

@media screen and (max-width: 767px) {
  .error__area {
    padding-top: 180px !important;
  }
}

.user-icon .elementor-icon {
  background: #5a4bcc;
  padding: 8px;
  border-radius: 50%;
}
.user-icon .elementor-icon:hover svg path {
  fill: #ffb200 !important;
}

.main-header .hfe-nav-menu ul.sub-menu {
  background: -webkit-linear-gradient(
    7deg,
    rgb(236, 19, 121) 0%,
    rgb(108, 0, 146) 100%
  );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

}

#first-header  .e-con > .e-con-inner {
  padding-block-start: 4px !important;
  padding-block-end: 0px !important;
}

.hfe-nav-menu .sub-menu a:hover {
  background-color: rgba(38, 174, 97, 0.05);
  color: #ffffff;
  text-decoration: underline !important;
}

@media screen and (max-width: 1025px) {
  .button-left {
    display: none !important;
  }
}

.hfe-dropdown ul.hfe-nav-menu {
  background: #000 !important;
}
ul.sub-menu.sub-menu-open {
  background: #000 !important;
}
.header-main {
  margin: 0 !important;
  padding: 0 !important;
}
ul.sub-menu {
  padding: 10px 0 !important;
  border-radius: 12px;
}
.hfe-dropdown ul {
  padding: 0 !important;
}

.default-header{
  position: absolute;
  z-index: 99999;
}

.inner-hero-section span {
  color: #fff;
  font-size: 16px !important;
}

span.breadcrumb-icon {
  margin: 0 12px;
}
.inner-hero-section a span:hover {
  color: #ffb200 !important;
}

.basic-paginationn.pagination.justify-content-left ul {
  display: flex;
  align-items: center;
}

.pagination li span {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  padding: 12px 25px;
  background-color: transparent;
  color: #c4cbf9;
  font-weight: 700;
}
.pagination li span.current {
  background-color: #ffb200;
  border-color: #ffb200;
  color: #ffffff;
}

textarea#comment:focus {
  background: transparent;
}
.btn-border-theme-1{
  background: transparent !important;
}
.btn-border-theme-1:hover{
  color: #ffb200 !important;
}
section.ft-blog-area.pb-120 {
  margin-top: -150px;
}

.blog__sidebar.sidebar {
  position: sticky;
  top: -30px;
}


.contest-card span.yith-wcwl-add-to-wishlist-button__label {
  display: none;
}

.yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button) svg.yith-wcwl-add-to-wishlist-button-icon {
  color: #fff;
  width: 20px;
  margin-top: -5px;
  stroke-width: 2;
}
.yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button).yith-wcwl-add-to-wishlist-button--added svg.yith-wcwl-add-to-wishlist-button-icon {
  color: #000000;
}

form.woocommerce-ordering {
  width: 100% !important;
}

/* Range Slider */

.amount-wrapper .main-amount {
  display: none !important;
}
.contest-filter-wrapper{
  margin-bottom: 45px !important;
}

/* Contest Details */



.contest-cart__thumb-slider .slick-list {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
}

.contest-cart__thumb-slider .slick-track {
  height: 100% !important;
  width: 100% !important;
  opacity: 1 !important;
}
.contest-cart__thumb-slider .single-slide {
  display: flex !important;
  align-items: center !important;
}



.woocommerce-product-gallery {
    height: auto;
    background-color: #5a4bcc;
    border-radius: 25px;
    padding: 20px;
    margin-bottom: 30px;
}

.woocommerce-product-gallery__wrapper {
    width: 100%;
    margin: 0 !important;
}

/* Main product image */
.woocommerce-product-gallery__image {
    text-align: center;
    margin-bottom: 15px;
}

.woocommerce-product-gallery__image a {
    display: block;
    width: 100%;
}

.woocommerce-product-gallery__image img {
    max-width: 100%;
    height: auto;
    border-radius: 15px;
    object-fit: contain;
    background-color: rgba(255, 255, 255, 0.05);
    padding: 32px !important;
}

/* Thumbnails styling */
.flex-control-nav {
    padding: 0 !important;
    margin: 15px 0 0 0 !important;
    list-style: none;
    display: flex !important;
    gap: 15px;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

.flex-control-nav li {
    width: calc(20% - 12px) !important; /* 5 thumbnails per row with gap */
    aspect-ratio: 1/1;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
}

.flex-control-nav li img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important; /* Changed from cover to contain */
    border-radius: 10px;
    border: 2px solid transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 5px;
    background-color: rgba(255, 255, 255, 0.1);
}

.flex-control-nav li img.flex-active {
    border-color: #ffb200;
    opacity: 1;
    background-color: rgba(255, 178, 0, 0.1);
}

.flex-control-nav li img:hover {
    border-color: #ec1379;
    opacity: 0.8;
}

/* Remove any default WooCommerce gallery styles that might interfere */
.woocommerce-product-gallery ol.flex-control-thumbs {
    margin: 15px 0 0 0 !important;
    padding: 0 !important;
}

/* Ensure proper spacing in the product container */
.contest-cart {
    margin-top: 30px;
}

@media (max-width: 768px) {
    .flex-control-nav li {
        width: calc(25% - 12px) !important; /* 4 thumbnails per row on mobile */
    }
}
.contest-card span.woocommerce-Price-currencySymbol {
  display: none;
}

.summary p.price span.woocommerce-Price-amount.amount {
  color: #C72373 !important;
  font-size: 24px !important;
  font-weight: 500 !important;
}

.lty-lottery-countdown-timer .lty-lottery-timer {
  color: #fff;
  background: #1a1068;
  padding: 15px 0;
  margin: 20px 0;

}
.lty-lottery-countdown-timer .lty-lottery-timer span {
  color: #fff !important;
}

p.lty-lottery-status.lty_lottery_started_status span {
  background-image: -webkit-linear-gradient(7deg, rgb(236, 19, 121) 0%, rgb(108, 0, 146) 100%);
  color: #fff;
}

.quantity, .quantity-nav{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
}
.quantity{
  margin-left: 50px!important;
}
.quantity-down{
  position: absolute;
  left: -120px;
}

.quantity-button{
  width: 35px;
  height: 35px;
  background-color: #20115a;
  border-radius: 50%;
  color: #c4cbf9;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  cursor: pointer;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.quantity-button.quantity-up {
  background: #5a4bcc !important;
}

.quantity-button.quantity-down{
  background: #20115a !important;
}

.qty{
  border: none !important;
}

.quantity input{
  min-height: unset !important;
}

button.single_add_to_cart_button.button.alt.lty-participate-now-button{
  background-image: -webkit-linear-gradient(7deg, rgb(236, 19, 121) 0%, rgb(108, 0, 146) 100%) !important;
  background-size: 103% !important;
}

button.single_add_to_cart_button.button.alt.lty-participate-now-button:hover {
  background-size: 300% !important;
  color: #ffffff !important;

}

span.lty-lottery-price span {
    margin-left: 6px;
    color: #fff;
}


span.sku_wrapper {
  display: block;
}
span.posted_in {
  display: block;
  margin-top: 10px;
}

@media screen and (max-width: 991px) {
  button.single_add_to_cart_button.button.alt.lty-participate-now-button {
    margin-top: 14px !important;
  }
}

.lty_log_empty_container {
  color: #fff;
}
.nice-select {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);

}

.lty-lottery-ticket-panel .lty-lottery-ticket-tab-wrapper .lty-lottery-ticket-tab {
  background: #4939C1 !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  color: #fff !important;
}

.lty-lottery-ticket-panel .lty-lottery-ticket-tab-wrapper .lty-active-tab {
  background: #DA107C !important;
  border: 1px solid #ccc !important;
  color: #fff !important;
}
button.single_add_to_cart_button.button.alt.lty-participate-now-button.lty_manual_add_to_cart {
  margin-top: 16px !important;
}
.lty-lottery-ticket-panel .lty-ticket-number-wrapper ul li {
  border: 1px solid #e0e0e0 !important;
  color: #c4cbf9 !important;
}
.lty-lottery-ticket-panel .lty-ticket-number-wrapper ul li {
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  color: #c4cbf9 !important;
}

.lty-frontend-table thead {
  background: #4939c1 !important;
}
.lty-frontend-table thead th {
  background: #4939c1 !important;
  color: #fff !important;
}
.woocommerce table.shop_table th {
  color: #fff;
}
.lty-frontend-table tbody td {
  padding: 15px;
  color: #fff;
  border: none;
  font-size: 14px;
  text-align: left;
  vertical-align: middle;
  word-break: break-all;
}
.lty-dashboard-wrapper h2 {
  margin-bottom: 24px;
}

mark.lty_status_label.lty_lottery_started_status {
  padding: 0 !important;
}
.lty-frontend-table tbody td span {
  font-size: 14px;
  color: #fff;
}

.blockOverlay{
  background : transparent !important;
}

/* Winner Section Styles */
.latest-winner-section {
    position: relative;
    padding: 60px 0;
}

.winner-card {
    background: #20115a;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    color: #c4cbf9;
}

.winner-card__thumb img {
    width: 100%;
    border-radius: 8px;
}

.winner-card__content {
    padding: 20px 0;
}

/* .winner-thumb img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
} */

.number-check-wrapper {
    background: #4939C1;
    padding: 30px;
    border-radius: 10px;
    color: #ffffff;
}

.number-list {
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 0;
}

.number-list li {
    background: #5a4bcc;
    padding: 5px 15px;
    border-radius: 5px;
    color: #ffffff;
}

.contest-num {
    font-weight: bold;
    color: #ffb200;
}

/* Tab Navigation Styles */
.winner-tab-nav {
    border-bottom: 2px solid #eee;
}

.winner-tab-nav .nav-link {
    padding: 10px 20px;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    color: #c4cbf9;
}

.winner-tab-nav .nav-link.active {
    border-bottom-color: #ec1379;
    color: #ffffff;
}

.inner-hero-section {
    position: relative;
    transition: padding 0.3s ease;
}


.product__cart {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.header__top .right .total__amount {
  background-color: #2c0341;
  padding: 5px 18px;
  color: var(--white);
  font-size: 12px;
}
.header__top .right .amount__btn {
  background-color: transparent;
  margin-left: 15px;
  position: relative;
  padding-top: 7px;
}
.header__top .right .amount__btn i {
  color: var(--white);
  font-size: 30px;
}
.header__top .right .amount__btn .cart__num {
  position: absolute;
  top: -2px;
  right: -8px;
  min-width: 22px;
  min-height: 22px;
  font-size: 12px;
  line-height: 22px;
  background-image: linear-gradient(135deg,#8739e6,#5496ff);
  background-image: -ms-linear-gradient(135deg,#8739e6 0,#5496ff 100%);
  box-shadow: 0 19px 56px 0 rgba(0,0,0,.2);
  color: var(--white);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.header__top .right .amount__btn .cart__num, .header__top .right .user__btn {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.product__cart span .amount {
  font-size: 12px !important;
  color: #fff;
}
.product__cart span .amount bdi span {
  font-size: 12px !important;
  color: #fff;
}

.elementor-shortcode {
    color: #fff;
}

.lty-frontend-table tbody tr:nth-child(2n) {
    background: transparent;
    border: 1px solid #5a4bcc80;
}

table.lty-frontend-table.lty-lottery-winners-list-table.lty-data-table-wrapper {
    border: 1px solid #5a4bcc80;
}
.lty-frontend-table tbody td a {
    color: #C82373;
    font-size: 14px;
    text-decoration: none;
    font-weight: 700;
}

.winner-info  h2{
    display:none !important;
}

.lty-dashboard-contents{
    background:transparent !important;
}
.ft-page-post {
    color: #fff;
}

.wp-block-avatar img {
  width: unset;
}

.blog__content_no_img {
  padding: 20px;
}

input:focus {
  background: transparent !important;
}
textarea:focus {
  background: transparent !important;
}

.blog__content_no_img{
  width: 100% !important;
}
input#wp-comment-cookies-consent {
  width: 20px;
  height: 20px;
}
p.comment-form-cookies-consent label {
   margin-top: 22px ;
}
p.form-submit {
  margin-top: 20px;
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
  border: none !important;
}
figcaption.blocks-gallery-caption {
  margin: 15px 0;
}
mark.lty_status_label.lty_lottery_started_status span {
  background-image: -webkit-linear-gradient(86deg, rgb(236, 3, 139) 0%, rgb(251, 100, 104) 44%, rgb(251, 185, 54) 100%);
}
nav h1.site-title a {
  font-size: 32px;
}

body.elementor-editor-active .preloader {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
/* Hide preloader in WordPress Customizer */
.wp-customizer .preloader {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
.customize-partial-edit-shortcuts-shown .preloader {
  display: none;
}
.bg-el img{
  width:100%;
}
.bg-el {
  width:100%;
}
.round-shape {
  width: 100% !important;
}
.round-shape img{
  width: 100% !important;
}


/* woo icon product */

.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: 2px solid #000;
  border-radius: 100%;
  position: absolute;
  top: 9px;
  left: 9px;
  box-sizing: content-box;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger::after {
  content: "";
  display: block;
  width: 2px;
  height: 8px;
  background: #000;
  border-radius: 6px;
  position: absolute;
  top: 19px;
  left: 22px;
  transform: rotate(-45deg);
  box-sizing: content-box;
}

.lty-lottery-product-summary .lty-winner-message {
  color: #82fb4d;
  font-weight: bold;
}