/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

ul.tickets_numbers {margin: 0 0 1em 0; padding-top: 0; clear: both;}
ul.tickets_numbers::after { content: ""; clear: both; display: table;}
ul.tickets_numbers li.tn{ display: block; list-style: none; border: 1px solid #000; padding:1em; float: left; width: 60px; height:60px; text-align: center; margin: 0.5em; cursor: pointer; font-size: 1em; font-weight: 700; white-space: nowrap;}
ul.tickets_numbers.working, ul.tickets_numbers.working li{ cursor: wait; }
ul.tickets_numbers li.taken{ background: #ed6363; background: #ed636380; cursor: not-allowed;}
ul.tickets_numbers li.working{ opacity: 0.4; }
ul.tickets_numbers li.in_cart{ background: #f2c84c; background: #f2c84cbd; cursor: not-allowed;}
ul.tickets_numbers li.reserved{ background: #FCE7E7; background: #FCE7E7; cursor: not-allowed;}
ul.tickets_numbers li.selected{ background: #8bcf69 !important}
ul.tickets_numbers li:hover{ background: #8bcf69; background: #8bcf697a;}
ul.tickets_numbers li.taken:hover{ background: #8bcf69;background: #8bcf698f;}

ul.competition-pn-answers{margin: 0 0 1em 0; padding-top: 0; clear: both; width: 100%}
ul.competition-pn-answers li{ display: block; list-style: none; border: 1px solid #000; padding:1em;  width: 100%;  margin: 0 0 4px 0; cursor: pointer; font-size: 1em; font-weight: 700;}
ul.competition-pn-answers li.selected{background: #8bcf69}
ul.competition-pn-answers li.selected.false{background: #ed6363}

.ticket-tab-bar{ width: 100%; overflow: hidden; }
.ticket-tab-bar .ticket-tab-bar-item { padding: 8px 16px; float: left; width: auto; border: none; display: block; outline: 0; opacity: 0.6}
.ticket-tab-bar .ticket-tab-bar-item.ticket-tab-active{opacity: 1}
.ticketnumber-tab-container{margin:0; padding: 0; list-style: none; display: block;}
.ticketnumber-tab-container > ul {margin:0; padding: 0;}

.cart.pick-number.hidden-qty .quantity{ display: none; }
.cart.pick-number.hidden-qty .lucky_dip .quantity{ display: inline-block; }
div.lucky_dip{ margin-bottom: 10px; }
div.lucky_dip button:disabled { opacity: 0.5 !important;  cursor: not-allowed !important; }

.lucky-dip-button-second {margin-right: 10px;}
.lucky-dip-text{margin-bottom: 10px;}
.alertable .gtc{float: right}
.alertable-buttons {clear: both; margin-top: 10px;}
#competition_answer_drop{width: 100%; padding: 10px}

/**
 * Elementor support
 */
 .woocommerce div.product.elementor .elementor-lucky-dip {
 	margin: 0;
 	    display: -webkit-box;
 	    display: -ms-flexbox;
 	    display: flex;
 	    -ms-flex-wrap: nowrap;
 	    flex-wrap: nowrap;
 }
.elementor-lucky-dip--align-right .elementor-lucky-dip {
	-webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.elementor-lucky-dip--align-left .elementor-lucky-dip {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
.elementor-lucky-dip--align-center .elementor-lucky-dip {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.elementor-lucky-dip--align-justify .elementor-lucky-dip button{
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
.woocommerce div.product.elementor .elementor-elementor-lucky-dip--align-justify .lucky_dip {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
}

.woocommerce div.elementor-widget-woocommerce-product-lucky-dip .lucky_dip  {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
}

th.woocommerce-orders-table__header.woocommerce-orders-table__header {min-width: 160px;}
h4.woocommerce-products-header__title.page-title.mytickets {display: inline-table; margin: 0 15px 0 15px; padding: 5px 25px 5px 25px; }
header.woocommerce-products-header {margin-bottom: 15px}
h4.woocommerce-products-header__title.page-title.mytickets a {text-decoration: none;}
h4.woocommerce-products-header__title.page-title.mytickets.active, h4.woocommerce-products-header__title.page-title.mytickets.active, h4.woocommerce-products-header__title.page-title.mytickets:hover
{background: #eee}

.woocommerce .woocommerce-table .fusion-product-name-wrapper .product-info .wc-item-meta li {
  display: inline;
}

.woocommerce .woocommerce-table .fusion-product-name-wrapper .product-info .wc-item-meta li:after {
  content: ', ';
}

.woocommerce .woocommerce-table .fusion-product-name-wrapper .product-info .wc-item-meta li:not(:first-child) .wc-item-meta-label {
  display: none;
}

.woocommerce .woocommerce-table .fusion-product-name-wrapper .product-info .instant-win-notice {
  background: green;
  line-height: 1;
  padding: 4px;
  margin: 0 10px 5px 0;
}

.woocommerce .woocommerce-table .fusion-product-name-wrapper .product-info .instant-win-notice:first-of-type {
  margin-top: 16px;
}

.woocommerce .woocommerce-table .fusion-product-name-wrapper .product-info .instant-win-button {
  background: var(--button_gradient_top_color);
  color: var(--button_accent_color);
  border-color: var(--button_border_color);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
  font-family: var(--button_typography-font-family);
  font-weight: var(--button_typography-font-weight);
  font-style: var(--button_typography-font-style,normal);
  letter-spacing: var(--button_typography-letter-spacing);
  border-width: var(--button_border_width-top,0) var(--button_border_width-right,0) var(--button_border_width-bottom,0) var(--button_border_width-left,0);
  border-style: solid;
  border-radius: var(--button-border-radius-top-left,0) var(--button-border-radius-top-right,0) var(--button-border-radius-bottom-right,0) var(--button-border-radius-bottom-left,0);
  text-transform: var(--button_text_transform);
  transition: all .2s;
  margin: var(--button_margin-top) var(--button_margin-right) var(--button_margin-bottom) var(--button_margin-left);
  padding-top: var(--button_padding-top,13px);
  padding-right: var(--button_padding-right,29px);
  padding-bottom: var(--button_padding-bottom,13px);
  padding-left: var(--button_padding-left,29px);
  line-height: var(--button_line_height, 1);
  font-size: var(--button_font_size, 14px);
}