.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background: transparent !important;
}

.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button {
    background: transparent !important;
}

.woocommerce ul.products li.product .entry-content,
.woocommerce ul.products li.product .product-inner {
    background-color: transparent !important;
}
/* REMOVE WOOCOMMERCE LEFT SIDEBAR COMPLETELY */

.woocommerce-page #secondary,
.woocommerce #secondary,
.sidebar-main,
#secondary {
    display: none !important;
}

/* make products full width */
.woocommerce-page .content-area,
.woocommerce .content-area {
    width: 100% !important;

}

/* ASCUNDE ICONIȚA DE COȘ DIN MENIU / HEADER */
.menu-item-cart,
.menu-cart,
.header-cart,
.ast-header-cart,
.woocommerce-cart-link {
    display: none !important;
}

/* Elimină DOAR bara verde cu mesajul "Biletele se vând rapid" */
.single-product p:contains("Biletele se vând rapid"),
.single-product div:contains("Biletele se vând rapid") {
    display: none !important;
}
/* ASCUNDE ICONIȚA DE COȘ DIN MENIU / HEADER */
.menu-item-cart,
.menu-cart,
.header-cart,
.ast-header-cart,
.woocommerce-cart-link {
    display: none !important;
}
.tombola-fill {
  display: none !important;
}
/* Scoate complet bara de progres */
.tombola-bar,
.tombola-fill,
.tombola-info {
  display: none !important;
}
/* Scoate textul cu bilete vândute */
.tombola-info,
.lottery-info,
.lotery-info,
.lotry-loop-info,
.entry-summary .lottery,
.entry-summary p:has(span),
.entry-summary p {
  display: none !important;
}
/* FORCE quantity field to show on mobile for lottery products */
@media (max-width: 768px) {
  .single-product .quantity {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-bottom: 12px;
  }

  .single-product form.cart {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .single-product .quantity input.qty {
    width: 100% !important;
    max-width: 100% !important;
    height: 48px;
    font-size: 18px;
    text-align: center;
  }

  .single-product button.single_add_to_cart_button {
    width: 100%;
    height: 50px;
    font-size: 18px;
  }
}
.ticket-qty-wrapper {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ticket-label {
  font-weight: 600;
  font-size: 14px;
}

.ticket-qty-wrapper .qty-btn {
  width: 48px;
  height: 48px;
  font-size: 26px;
  border-radius: 8px;
  border: 1px solid #ccc;
  background: #f5f5f5;
}

.ticket-qty-wrapper input.qty {
  width: 100%;
  height: 48px;
  font-size: 18px;
  text-align: center;
}

.ticket-qty-wrapper {
  flex-direction: row;
  align-items: center;
}

.ticket-label {
  width: 100%;
}

@media (max-width: 768px) {
  .ticket-qty-wrapper {
    gap: 8px;
  }
}
/* FIX butoane + - transparente */
.ticket-qty-wrapper .qty-btn {
  background-color: #1e293b !important; /* gri închis */
  color: #ffffff !important;
  border: none !important;
  opacity: 1 !important;
}

/* hover */
.ticket-qty-wrapper .qty-btn:hover {
  background-color: #0f172a !important;
}

/* input număr bilete */
.ticket-qty-wrapper input.qty {
  background-color: #0b1220 !important;
  color: #ffffff !important;
  border: 1px solid #334155 !important;
}

/* mobil – dimensiuni mai mari */
@media (max-width: 768px) {
  .ticket-qty-wrapper .qty-btn {
    width: 44px;
    height: 44px;
    font-size: 22px;
  }

  .ticket-qty-wrapper input.qty {
    height: 44px;
    font-size: 18px;
  }
}
/* Stripe card fields – FIX vizibilitate */
.wc-stripe-elements-field,
.wc-stripe-elements-field iframe,
.StripeElement {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-radius: 8px;
    padding: 12px;
}

/* Text & placeholder */
.StripeElement input {
    color: #000000 !important;
}

.StripeElement ::placeholder {
    color: #666666 !important;
    opacity: 1 !important;
}

/* Remove transparency */
.StripeElement,
.wc-stripe-elements-field {
    opacity: 1 !important;
}

/* Mobile fix */
@media (max-width: 768px) {
    .StripeElement {
        background-color: #ffffff !important;
    }
}
/* Quantity buttons */
.quantity button,
.quantity input {
    background-color: #1f2937 !important;
    color: #ffffff !important;
    border: 1px solid #3b82f6;
}

.quantity button:hover {
    background-color: #2563eb !important;
}.woocommerce-form-login-toggle {
  display: block !important;
}

.woocommerce-form-login {
  display: block !important;
}
.woocommerce-form-login-toggle {
  display: block !important;
}

.woocommerce-form-login {
  display: block !important;
}
/* Buton Participa Acum */
.woocommerce ul.products li.product a.button,
.woocommerce a.button {
    display: inline-block !important;
    background: linear-gradient(135deg, #ff9800, #ff5722);
    color: #fff !important;
    padding: 12px 22px;
    border-radius: 30px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 6px 15px rgba(0,0,0,0.3);
    transition: all 0.25s ease;
}

/* Hover */
.woocommerce ul.products li.product a.button:hover,
.woocommerce a.button:hover {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 10px 20px rgba(0,0,0,0.45);
    background: linear-gradient(135deg, #ff5722, #ff9800);
}
/* Buton Participa Acum - Albastru deschis */
.woocommerce ul.products li.product a.button,
.woocommerce a.button {
    display: inline-block !important;
    background: linear-gradient(135deg, #4facfe, #00f2fe);
    color: #ffffff !important;
    padding: 12px 22px;
    border-radius: 30px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 6px 15px rgba(0, 120, 255, 0.35);
    transition: all 0.25s ease;
}

/* Hover */
.woocommerce ul.products li.product a.button:hover,
.woocommerce a.button:hover {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 10px 20px rgba(0, 120, 255, 0.55);
    background: linear-gradient(135deg, #00f2fe, #4facfe);
}
.woocommerce ul.products li.product a.button,
.woocommerce a.button {
    background: linear-gradient(135deg, #00c6ff, #0072ff) !important;
    color: #ffffff !important;
    padding: 14px 26px;
    border-radius: 999px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow:
        0 0 10px rgba(0,198,255,0.6),
        0 0 20px rgba(0,114,255,0.5),
        0 8px 20px rgba(0,0,0,0.4);
    transition: all 0.25s ease;
}

.woocommerce ul.products li.product a.button:hover,
.woocommerce a.button:hover {
    background: linear-gradient(135deg, #0072ff, #00c6ff) !important;
    box-shadow:
        0 0 14px rgba(0,198,255,0.9),
        0 0 28px rgba(0,114,255,0.7),
        0 12px 26px rgba(0,0,0,0.6);
    transform: translateY(-2px) scale(1.06);
}
/* HERO banner - corect (merge sigur) */
.home .hero-ticketonly27{
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;

  background-image: url("https://ticketonly27.com/wp-content/uploads/2026/02/banerrrrrrrrrrrrrrrrrr.png") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;

  height: 300px !important;
}

/* Desktop */
@media (min-width: 769px){
  .home .hero-ticketonly27{
    height: 500px !important;
  }
}
/* MOBILE */
@media(max-width:768px){
    .hero-ticketonly27{
        height: 190px;
        border-radius: 10px;
    }
}
/* Mută butonul sub hero image + titlu */
.hero-ticketonly27 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Butonul VIZUALIZAȚI CONCURSURILE */
.hero-ticketonly27 + .wp-block-button,
.hero-ticketonly27 ~ .wp-block-button {
    display: flex !important;
    justify-content: center;
    margin: 25px auto 10px auto;
    width: 50%;
}

/* Stil mai colorat */
.hero-ticketonly27 ~ .wp-block-button .wp-block-button__link {
    background: linear-gradient(135deg, #3fa9ff, #00c6ff);
    box-shadow: 0 0 18px rgba(63,169,255,0.7);
    border-radius: 50px;
    font-weight: 700;
    padding: 14px 30px;
}
/* MUTĂ BUTONUL SUB HERO IMAGE */
.wp-block-button {
    display: flex !important;
    justify-content: center !important;
    margin-top: 25px !important;
}

/* BUTON PE JUMĂTATE DE PAGINĂ */
.wp-block-button__link {
    width: 50% !important;
    text-align: center !important;
}

/* CULOARE MAI VIE */
.wp-block-button__link {
    background: linear-gradient(135deg, #4facfe, #00f2fe) !important;
    box-shadow: 0 0 18px rgba(79,172,254,0.8) !important;
    border-radius: 40px !important;
    font-weight: 700 !important;
    padding: 14px 30px !important;
}

.wp-block-button__link {
    transform: rotate(0deg) !important;
    writing-mode: horizontal-tb !important;
    padding: 18px 40px !important;
    border-radius: 40px !important;
}
/* Arată butonul peste banner */
.wp-block-buttons {
    position: relative !important;
    z-index: 9999 !important;
    display: flex !important;
    justify-content: center !important;
    margin-top: 20px !important;
}

/* Buton orizontal */
.wp-block-button__link {
    writing-mode: horizontal-tb !important;
    transform: none !important;
    padding: 18px 42px !important;
    border-radius: 50px !important;
}
/* Arată butonul peste banner */
.wp-block-buttons {
    position: relative !important;
    z-index: 9999 !important;
    display: flex !important;
    justify-content: center !important;
    margin-top: 20px !important;
}

/* Buton orizontal */
.wp-block-button__link {
    writing-mode: horizontal-tb !important;
    transform: none !important;
    padding: 18px 42px !important;
    border-radius: 50px !important;
}
.rotate-btn {
    transform: rotate(90deg); /* 90 = vertical, 0 = normal */
}
/* Mărește poza produsului */
.woocommerce ul.products li.product a img {
    width: 100%;
    height: auto;
    max-height: 260px; /* mai mare */
    object-fit: cover;
}

/* Mută titlul mai sus */
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    margin-top: -10px;
    font-size: 18px;
    text-align: center;
}

/* Spațiu mai mic între poză și titlu */
.woocommerce ul.products li.product .woocommerce-loop-product__link {
    display: flex;
    flex-direction: column;
}

/* Pe mobil: și mai mare poza */
@media (max-width: 768px) {
    .woocommerce ul.products li.product a img {
        max-height: 300px;
    }
}
/* Elimină chenarul mare */
.woocommerce-cart .cart,
.woocommerce-checkout .woocommerce,
.woocommerce-checkout .checkout,
.woocommerce .col2-set,
.woocommerce form {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Card modern, fără contur */
.woocommerce-cart .cart,
.woocommerce-checkout .checkout {
    background: #0f172a; /* dark navy */
    border-radius: 18px;
    padding: 28px;
}
/* Box-uri individuale */
.woocommerce-cart .shop_table,
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout #customer_details {
    background: #111827;
    border-radius: 16px;
    padding: 22px;
    border: none !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.4);
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
    border: none !important;
}

.woocommerce-cart .cart_item {
    border-bottom: 1px solid rgba(255,255,255,0.06);
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background: linear-gradient(135deg,#2563eb,#38bdf8);
    border-radius: 14px;
    padding: 16px 22px;
    font-weight: 600;
    border: none;
    box-shadow: 0 10px 30px rgba(56,189,248,0.35);
}

.woocommerce a.button:hover,
.woocommerce button.button:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 40px rgba(56,189,248,0.5);
}
.woocommerce input,
.woocommerce select {
    background: #020617;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.08);
    color: #fff;
    padding: 12px;
}
.quantity {
    display: flex;
    align-items: center;
    gap: 8px;
}

.qty-btn {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    border: none;
    background: linear-gradient(135deg,#2563eb,#38bdf8);
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(56,189,248,.4);
}

.qty-btn:hover {
    transform: scale(1.05);
}

.quantity input.qty {
    width: 48px;
    text-align: center;
    background: #020617;
    border: 1px solid rgba(255,255,255,.1);
    color: #fff;
    border-radius: 10px;
    font-size: 16px;
}
.woocommerce-cart .cart_item {
    background: #020617;
    border-radius: 18px;
    padding: 18px;
    margin-bottom: 18px;
    box-shadow: 0 20px 40px rgba(0,0,0,.4);
}
/* Checkout payment box premium style */

.woocommerce-checkout #payment {
    background: linear-gradient(145deg,#0b1220,#121c33);
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 0 25px rgba(0,140,255,0.25);
}

/* each gateway block */
.woocommerce-checkout #payment .payment_box {
    background: transparent !important;
    border-radius: 12px;
}

/* iframe container */
.woocommerce-checkout iframe {
    border-radius: 12px !important;
}

/* radio rows */
.wc_payment_method {
    background: rgba(255,255,255,0.04);
    padding: 12px;
    border-radius: 12px;
    margin-bottom: 10px;
}

/* hover glow */
.wc_payment_method:hover {
    box-shadow: 0 0 12px rgba(0,140,255,0.3);
}

/* terms checkbox area */
.woocommerce-terms-and-conditions-wrapper {
    background: rgba(255,255,255,0.04);
    padding: 12px;
    border-radius: 12px;
}
/* WIDEN payment iframe + clean layout */

.woocommerce-checkout #payment .payment_box {
    max-width: 100% !important;
}

.woocommerce-checkout iframe {
    width: 100% !important;
    min-width: 100% !important;
}

/* center & widen card form */

.woocommerce-checkout #payment {
    max-width: 100% !important;
}

/* mobile spacing fix */

@media(max-width:768px){
    .woocommerce-checkout #payment {
        padding: 25px !important;
    }
}
/* MAKE DARK BACKGROUND FOLLOW FULL WIDTH CARD PANEL */

@media(max-width:768px){

    .woocommerce-checkout #payment {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important;
        margin-right: calc(-50vw + 50%) !important;
        border-radius: 0 !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

}
/* Ascunde TOATE butoanele express din Cart */
.woocommerce-cart .ppc-button,
.woocommerce-cart .ppcp-button,
.woocommerce-cart .paypal-buttons,
.woocommerce-cart .paypal-button,
.woocommerce-cart .wc-stripe-payment-request-button,
.woocommerce-cart .wc-payment-request-button,
.woocommerce-cart iframe[src*="paypal"],
.woocommerce-cart iframe[src*="google"],
.woocommerce-cart iframe[src*="apple"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}
/* Fix layout profesional pentru + - */
.quantity {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
}

.quantity input.qty {
    width: 70px !important;
    height: 45px !important;
    text-align: center !important;
    border-radius: 8px !important;
}

.quantity .minus,
.quantity .plus {
    width: 45px !important;
    height: 45px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    font-weight: bold !important;
}
/* Force qty row: - [input] +  (Astra/WooCommerce) */
.woocommerce div.quantity,
.woocommerce .quantity,
.quantity {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  width: 100% !important;
}

/* stop theme from stacking buttons */
.woocommerce .quantity .minus,
.woocommerce .quantity .plus,
.quantity .minus,
.quantity .plus {
  display: inline-flex !important;
  float: none !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

/* keep input in the middle */
.woocommerce .quantity input.qty,
.quantity input.qty {
  display: block !important;
  float: none !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 80px !important;
  height: 44px !important;
  margin: 0 !important;
  text-align: center !important;
	}

/* ===== DOAR pagina 97 ===== */

/* fără padding sus */
body.page-id-97 .site-content,
body.page-id-97 .ast-container,
body.page-id-97 #primary,
body.page-id-97 .content-area,
body.page-id-97 .site-main {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Reordonare: conținut (banner + produse) SUS, apoi titlul */
body.page-id-97 article.ast-article-single {
  display: flex !important;
  flex-direction: column !important;
}

/* banner + rest conținut primul */
body.page-id-97 article.ast-article-single .entry-content {
  order: 1 !important;
}

/* titlul după banner */
body.page-id-97 article.ast-article-single .entry-header {
  order: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* banner lipit sus */
body.page-id-97 .entry-content .wp-block-image:first-of-type,
body.page-id-97 .entry-content figure.wp-block-image:first-of-type {
  margin-top: 0 !important;
}

/* împinge titlul la jumătate de ecran (sub banner) */
body.page-id-97 article.ast-article-single .entry-header::before {
  content: "";
  display: block;
  height: 40vh; /* ajustează 30-50vh */
}

/* stil titlu */
body.page-id-97 .entry-title {
  text-align: center !important;
  margin: 0 !important;
}
/* ===== DOAR pagina 97: stil card-uri produse ca in exemplu ===== */
body.page-id-97 .woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* card */
body.page-id-97 .woocommerce ul.products li.product {
  background: rgba(0,0,0,0.35) !important;
  border-radius: 18px !important;
  padding: 14px !important;
  overflow: hidden !important;
  margin: 0 !important;
  box-shadow: 0 10px 22px rgba(0,0,0,0.35) !important;
}

/* imagine top */
body.page-id-97 .woocommerce ul.products li.product a img {
  border-radius: 14px !important;
  margin: 0 0 12px 0 !important;
  width: 100% !important;
  display: block !important;
}

/* titlu */
body.page-id-97 .woocommerce ul.products li.product .woocommerce-loop-product__title {
  text-align: center !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  margin: 8px 0 8px 0 !important;
}

/* pret */
body.page-id-97 .woocommerce ul.products li.product .price {
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 0 0 12px 0 !important;
}

/* buton “participate” full width ca in exemplu */
body.page-id-97 .woocommerce ul.products li.product .button,
body.page-id-97 .woocommerce ul.products li.product a.add_to_cart_button {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  border-radius: 12px !important;
  padding: 12px 10px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  margin-top: 10px !important;

  background: #ff7a00 !important;   /* portocaliu ca exemplu */
  color: #fff !important;
  border: none !important;
}

body.page-id-97 .woocommerce ul.products li.product .button:hover {
  filter: brightness(0.95) !important;
}

/* pe ecrane foarte mici: o coloana */
/* Layout produse */
body.page-id-97 .woocommerce ul.products {
    display: grid !important;
    gap: 20px !important;
    grid-template-columns: repeat(2, 1fr) !important;
}

/* Tablet */
@media (min-width: 768px) {
    body.page-id-97 .woocommerce ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* Desktop */
@media (min-width: 1200px) {
    body.page-id-97 .woocommerce ul.products {
        grid-template-columns: repeat(6, 1fr) !important;
    }
}
/* ===== DOAR pagina 97 ===== */

/* Transformăm cardul în flex vertical */
body.page-id-97 .woocommerce ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
}

	/* ===== DOAR pagina 97: mută progress + issued sub titlu ===== */

/* 1) fă wrapper-ul Astra un flex column ca să putem reordona */
body.page-id-97 .woocommerce ul.products li.product .astra-shop-summary-wrap{
  display: flex !important;
  flex-direction: column !important;
}

/* 2) Titlul primul în summary */
body.page-id-97 .woocommerce ul.products li.product .astra-shop-summary-wrap
.woocommerce-loop-product__title{
  order: 10 !important;
}

/* 3) Bara de progres + contor (issued) imediat după titlu
   (selectori “largi” ca să prindă clase diferite) */
body.page-id-97 .woocommerce ul.products li.product .astra-shop-summary-wrap
[class*="progress"],
body.page-id-97 .woocommerce ul.products li.product .astra-shop-summary-wrap
[class*="issued"],
body.page-id-97 .woocommerce ul.products li.product .astra-shop-summary-wrap
.ticket-progress,
body.page-id-97 .woocommerce ul.products li.product .astra-shop-summary-wrap
.issued{
  order: 20 !important;
}

/* 4) Prețul după progress */
body.page-id-97 .woocommerce ul.products li.product .astra-shop-summary-wrap
.price{
  order: 30 !important;
}

/* 5) Butonul ultimul */
body.page-id-97 .woocommerce ul.products li.product .astra-shop-summary-wrap
.button,
body.page-id-97 .woocommerce ul.products li.product .astra-shop-summary-wrap
.add_to_cart_button{
  order: 40 !important;
}
}
/* ===== SHOP GRID LAYOUT ===== */

body.post-type-archive-product ul.products {
    display: grid !important;
    gap: 20px !important;
    grid-template-columns: repeat(2, 1fr) !important;
}

/* Tablet */
@media (min-width: 768px) {
    body.post-type-archive-product ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* Desktop */
@media (min-width: 1200px) {
    body.post-type-archive-product ul.products {
        grid-template-columns: repeat(6, 1fr) !important;
    }
}

/* ===== CARD STYLE CA PE HOMEPAGE ===== */

body.post-type-archive-product ul.products li.product {
    background: linear-gradient(180deg, #0f1f3a, #0a162b) !important;
    padding: 20px !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.4) !important;
    transition: 0.3s ease !important;
}

/* Hover efect */
body.post-type-archive-product ul.products li.product:hover {
    transform: translateY(-5px);
}

/* ===== BUTON ALBASTRU ===== */

body.post-type-archive-product ul.products li.product .button {
    background: linear-gradient(90deg, #00c6ff, #0072ff) !important;
    color: #fff !important;
    border-radius: 50px !important;
    padding: 12px 20px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    border: none !important;
}

body.post-type-archive-product ul.products li.product .button:hover {
    filter: brightness(1.1);
}
/* Ascunde dropdown sortare din Shop */
.woocommerce-ordering {
    display: none !important;
}
.home .ast-container {
    padding-top: 0 !important;
}
/* Banner: arată imaginea complet (fără tăiere) */
.home .banner img,
.home .wp-block-image img {
  width: 100%;
  height: auto !important;
  object-fit: contain !important;
}
/* Scoate spațiul mare de sus pe homepage */
.home .site-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.home .ast-container {
  padding-top: 0 !important;
}

/* Dacă tema adaugă spațiu pe content */
.home .content-area,
.home .site-main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Banner lipit de zona de sus */
.home .hero-ticketonly27 {
  margin-top: 0 !important;
}
.home #content {
  padding-top: 0 !important;
}
/* Elimină orice spațiu dintre header și banner */
.home .main-header-bar {
    margin-bottom: 0 !important;
}

.home .ast-primary-header-bar {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.home .site-header {
    margin-bottom: 0 !important;
}

.home .hero-ticketonly27 {
    margin-top: 0 !important;
}
/* ============ HOME HERO: FULL WIDTH + LIPIT DE MENIU ============ */

/* 1) Banner full width (până în margini) */
.home .hero-ticketonly27{
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  margin-top: 0 !important;
  border-radius: 0 !important;
}

/* 2) Scoate padding-ul containerului Astra doar pe HOME (ca să nu afecteze alte pagini) */
.home #content .ast-container{
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
}

/* 3) Elimină spațiul dintre header și conținut (mai ales pe mobil) */
.home .site-header,
.home .main-header-bar,
.home .ast-primary-header-bar{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.home #content,
.home .site-content{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 4) Pe mobil: trage bannerul puțin în sus dacă încă rămâne spațiu */
@media (max-width: 768px){
  .home .hero-ticketonly27{
    position: relative !important;
    top: -12px !important; /* dacă mai e spațiu, pune -20px */
  }
}
@media (max-width: 768px){
  .home .hero-ticketonly27{
    margin-top: -20px !important;
  }
}
/* FIX: arată titlul pe mobil */
@media (max-width: 768px){
  .hero-ticketonly27 { 
    position: relative !important;
    overflow: visible !important;
  }

  .hero-overlay{
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 9999 !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 100% !important;
    padding: 0 12px !important;
  }

  .hero-overlay h1{
    display: block !important;
    color: #fff !important;
    font-size: 28px !important;
    line-height: 1.1 !important;
    margin: 0 !important;
    text-shadow: 0 6px 20px rgba(0,0,0,.7) !important;
  }
}
/* Titlu peste banner (merge pe mobil sigur) */
.hero-ticketonly27{
  position: relative !important;
}

/* Titlu peste banner (merge pe mobil sigur) */
.hero-ticketonly27{
  position: relative !important;
}
/* Desktop banner fix */
@media (min-width: 1024px) {

    .wp-block-cover {
        height: 420px !important;
        min-height: 420px !important;
        width: 100% !important;
    }

    .wp-block-cover__image-background,
    .wp-block-cover img {
        height: 100% !important;
        width: 100% !important;
        object-fit: cover !important;
    }
}
/* Desktop: full width dar fara taiere (arată imaginea complet) */
@media (min-width: 1024px) {

  .wp-block-cover {
    width: 100% !important;
    min-height: 420px !important;
    height: 420px !important;
  }

  .wp-block-cover__image-background,
  .wp-block-cover img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;   /* NU mai taie */
    object-position: center center !important;
  }
}
.woocommerce-account .u-column2.col-2 {
    order: 1;
}

.woocommerce-account .u-column1.col-1 {
    order: 2;
}
body.woocommerce-account .woocommerce{
    display:flex !important;
    flex-direction:column !important;
}

body.woocommerce-account .woocommerce > *{
    width:100% !important;
}

body.woocommerce-account .woocommerce .u-column2.col-2{
    order:1 !important;
}

body.woocommerce-account .woocommerce .u-column1.col-1{
    order:2 !important;
}

body.woocommerce-account .woocommerce h2:first-of-type{
    order:2 !important;
}

body.woocommerce-account .woocommerce h2:last-of-type{
    order:1 !important;
}
.wc-lottery-progress,
.ticket-progress,
.lottery-progress{
position:relative;
}
.to27-top-supporters{
    margin: 30px 0 10px;
    background: linear-gradient(180deg, #0a0f1d 0%, #070b16 100%);
    border: 1px solid rgba(80,255,140,.18);
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

.to27-top-supporters__title{
    padding: 20px 20px 14px;
    font-size: 20px;
    font-weight: 800;
    color: #f1f7ff;
    letter-spacing: .5px;
    text-transform: none;
    background: linear-gradient(90deg, rgba(72,255,133,.12), rgba(0,0,0,0));
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.to27-top-supporters__head{
    display: grid;
    grid-template-columns: 110px 1fr 100px;
    gap: 12px;
    padding: 14px 18px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(230,240,255,.7);
    border-bottom: 1px solid rgba(255,255,255,.07);
}

.to27-top-supporters__row{
    display: grid;
    grid-template-columns: 110px 1fr 100px;
    gap: 12px;
    align-items: center;
    padding: 16px 18px;
    border-bottom: 1px solid rgba(255,255,255,.06);
    color: #fff;
}

.to27-top-supporters__row:last-child{
    border-bottom: 0;
}

.to27-badge{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 0 16px;
    border-radius: 14px;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: .5px;
}

.to27-name{
    font-size: 18px;
    font-weight: 700;
    color: #f6fbff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.to27-tickets{
    text-align: right;
    font-size: 18px;
    font-weight: 800;
    color: #ffffff;
}

.to27-rank-1{
    background: linear-gradient(90deg, rgba(255,193,7,.22), rgba(255,193,7,0) 70%);
}
.to27-rank-1 .to27-badge{
    background: linear-gradient(180deg, #7a4d00 0%, #d59d2e 100%);
    color: #fff0b8;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
}

.to27-rank-2{
    background: linear-gradient(90deg, rgba(132,182,255,.18), rgba(132,182,255,0) 70%);
}
.to27-rank-2 .to27-badge{
    background: linear-gradient(180deg, #29435e 0%, #79b6e8 100%);
    color: #e6f6ff;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
}

.to27-rank-3{
    background: linear-gradient(90deg, rgba(255,128,64,.18), rgba(255,128,64,0) 70%);
}
.to27-rank-3 .to27-badge{
    background: linear-gradient(180deg, #6d3214 0%, #d67a46 100%);
    color: #fff0e8;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
}

.to27-rank-default .to27-badge{
    background: linear-gradient(180deg, #0d3c1d 0%, #1ea44a 100%);
    color: #dfffe7;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.10);
}

@media (max-width: 767px){
    .to27-top-supporters__head,
    .to27-top-supporters__row{
        grid-template-columns: 78px 1fr 74px;
        gap: 10px;
        padding: 14px 12px;
    }

    .to27-badge{
        min-height: 46px;
        font-size: 18px;
        padding: 0 10px;
        border-radius: 12px;
    }

    .to27-name{
        font-size: 16px;
    }

    .to27-tickets{
        font-size: 16px;
    }
}
.to27-place-wrap{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.to27-place-label{
    font-size:20px;
    font-weight:900;
    line-height:1;
    color:#fff;
}

.to27-rank-1 .to27-place-label{
    color:#ffcf5a;
}

.to27-rank-2 .to27-place-label{
    color:#bfe3ff;
}

.to27-rank-3 .to27-place-label{
    color:#ffb184;
}

.to27-prize-badge{
    min-height:88px;
    border-radius:16px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:10px 12px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
}

.to27-prize-amount{
    font-size:26px;
    font-weight:900;
    line-height:1;
    letter-spacing:.5px;
}

.to27-prize-text{
    margin-top:6px;
    font-size:14px;
    font-weight:800;
    letter-spacing:1px;
}

.to27-prize-badge--gold{
    background:linear-gradient(180deg,#6e4300 0%, #b97818 100%);
    color:#ffe7a6;
}

.to27-prize-badge--silver{
    background:linear-gradient(180deg,#183c58 0%, #4f87b8 100%);
    color:#dff4ff;
}

.to27-prize-badge--bronze{
    background:linear-gradient(180deg,#5a2710 0%, #b75f33 100%);
    color:#ffe3d4;
}

.to27-ticket-badge{
    min-height:64px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0 12px;
    background:linear-gradient(180deg,#0d4b1f 0%, #1bb14a 100%);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.10);
    color:#e9ffef;
    flex-wrap:wrap;
    text-align:center;
}

.to27-ticket-rank{
    font-size:18px;
    font-weight:900;
    line-height:1;
}

.to27-ticket-reward{
    font-size:14px;
    font-weight:800;
    line-height:1.1;
}

@media (max-width: 767px){
    .to27-place-label{
        font-size:18px;
    }

    .to27-prize-badge{
        min-height:72px;
        border-radius:14px;
        padding:8px 8px;
    }

    .to27-prize-amount{
        font-size:20px;
    }

    .to27-prize-text{
        font-size:12px;
    }

    .to27-ticket-badge{
        min-height:52px;
        border-radius:14px;
        padding:6px 8px;
        gap:6px;
    }

    .to27-ticket-rank{
        font-size:16px;
    }

    .to27-ticket-reward{
        font-size:12px;
    }
}
.to27-place-stack{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.to27-place-label{
    font-size:18px;
    font-weight:800;
    line-height:1;
    color:#fff;
}

.to27-rank-1 .to27-place-label{
    color:#ffcf5a;
}

.to27-rank-2 .to27-place-label{
    color:#bfe3ff;
}

.to27-rank-3 .to27-place-label{
    color:#ffb184;
}

.to27-prize-badge{
    min-height:78px;
    border-radius:16px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:10px 12px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
}

.to27-prize-amount{
    font-size:24px;
    font-weight:900;
    line-height:1;
}

.to27-prize-text{
    margin-top:4px;
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
}

.to27-prize-badge--gold{
    background:linear-gradient(180deg,#7a4d00 0%, #d59d2e 100%);
    color:#fff0b8;
}

.to27-prize-badge--silver{
    background:linear-gradient(180deg,#29435e 0%, #79b6e8 100%);
    color:#e6f6ff;
}

.to27-prize-badge--bronze{
    background:linear-gradient(180deg,#6d3214 0%, #d67a46 100%);
    color:#fff0e8;
}

.to27-ticket-badge{
    min-height:58px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0 12px;
    background:linear-gradient(180deg,#0d4b1f 0%, #1bb14a 100%);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.10);
    color:#e9ffef;
    text-align:center;
    flex-wrap:wrap;
}

.to27-ticket-rank{
    font-size:18px;
    font-weight:900;
}

.to27-ticket-reward{
    font-size:14px;
    font-weight:800;
}

@media (max-width: 767px){
    .to27-prize-badge{
        min-height:70px;
        padding:8px 10px;
    }

    .to27-prize-amount{
        font-size:20px;
    }

    .to27-prize-text{
        font-size:12px;
    }

    .to27-ticket-badge{
        min-height:50px;
        padding:6px 8px;
        gap:6px;
    }

    .to27-ticket-rank{
        font-size:16px;
    }

    .to27-ticket-reward{
        font-size:12px;
    }
}
.single-product .product .summary .woocommerce-product-details__short-description {
    display: none !important;
}

.to27-manual-short-desc{
    margin: 18px 0 24px;
    color: #fff;
    line-height: 1.7;
    font-size: 16px;
}
.progress-issued,
.issued,
span:contains("issued") {
    display: none;
}
form.cart {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.to27-qty-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-bottom: 10px;
}

.to27-qty-btn {
    width: 54px;
    height: 54px;
    border: 0;
    border-radius: 12px;
    font-size: 34px;
    line-height: 1;
    cursor: pointer;
    background: transparent;
    color: #fff;
}

.to27-qty-wrap input.qty {
    width: 120px !important;
    height: 70px !important;
    text-align: center;
    font-size: 34px !important;
    border-radius: 18px !important;
    border: 2px solid rgba(255,255,255,.35) !important;
    background: rgba(255,255,255,.06) !important;
    color: #fff !important;
    padding: 0 !important;
}

.to27-qty-quick {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    margin-bottom: 10px;
}

.to27-quick-btn {
    min-width: 82px;
    height: 48px;
    padding: 0 18px;
    border: 0;
    border-radius: 12px;
    background: rgba(255,255,255,.12);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
}

.to27-max-btn {
    background: #fff;
    color: #111;
}

.single-product form.cart .single_add_to_cart_button {
    width: 100%;
}

@media (max-width: 768px) {
    .to27-qty-wrap input.qty {
        width: 110px !important;
        height: 64px !important;
        font-size: 30px !important;
    }

    .to27-qty-btn {
        width: 48px;
        height: 48px;
        font-size: 30px;
    }

    .to27-quick-btn {
        min-width: 72px;
        height: 44px;
        font-size: 16px;
    }
}
/* container cantitate */
form.cart {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* text "Select number..." dacă vrei ulterior */
.to27-qty-label {
    font-size: 18px;
    margin-bottom: 12px;
    text-align: center;
}

/* minus input plus */
.to27-qty-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-bottom: 16px;
}

/* butoane +/- */
.to27-qty-btn {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    border: 0;
    background: transparent;
    font-size: 30px;
    color: #999;
    cursor: pointer;
}

/* input cantitate (stil ca in poza) */
.to27-qty-wrap input.qty {
    width: 100px !important;
    height: 60px !important;
    text-align: center;
    font-size: 28px !important;
    border-radius: 14px !important;
    border: 2px solid #ccc !important;
    background: #fff !important;
    color: #000 !important;
}

/* butoane +5 +10 +25 MAX */
.to27-qty-quick {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-bottom: 18px;
}

/* stil butoane mici */
.to27-quick-btn {
    min-width: 60px;
    height: 40px;
    border-radius: 10px;
    border: 0;
    background: #eee;
    color: #000;
    font-weight: 600;
    cursor: pointer;
}

/* MAX diferit */
.to27-max-btn {
    background: #ddd;
}

/* buton principal */
.single_add_to_cart_button {
    width: 100%;
}
/* FORCE STACK (cantitate + butoane sub) */
form.cart {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* rand 1: - 1 + */
.to27-qty-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px;
    width: 100%;
    margin-bottom: 10px;
}

/* rand 2: +5 +10 +25 MAX */
.to27-qty-quick {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px;
    width: 100%;
}

/* scoate orice aliniere laterală */
.to27-qty-wrap,
.to27-qty-quick {
    float: none !important;
    margin-left: 0 !important;
}

/* fiecare element pe rand separat */
form.cart > * {
    width: 100%;
    text-align: center;
}
.to27-qty-outer{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    width:100%;
    margin: 18px 0;
}

.to27-qty-wrap{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:14px;
    width:100%;
    margin-bottom:14px;
}

.to27-qty-quick{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    gap:10px;
    width:100%;
    max-width:320px;
}

.to27-qty-btn {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    border: 2px solid #3f7cff;
    background: rgba(255,255,255,.06);
    font-size: 30px;
    color: #fff;
    cursor: pointer;
}

.to27-qty-wrap input.qty {
    width: 100px !important;
    height: 60px !important;
    text-align: center;
    font-size: 28px !important;
    border-radius: 14px !important;
    border: 2px solid #ccc !important;
    background: #fff !important;
    color: #000 !important;
}

.to27-quick-btn {
    min-width: 60px;
    height: 40px;
    border-radius: 10px;
    border: 2px solid #3f7cff;
    background: rgba(255,255,255,.06);
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

.to27-max-btn {
    background: rgba(255,255,255,.1);
}

form.cart {
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
}
#to27_skill_question {
    margin-top: 20px;
    padding: 15px;
    border-radius: 12px;
    background: rgba(255,255,255,0.05);
}

#to27_skill_question h3 {
    color: #fff;
    margin-bottom: 10px;
}
/* afiseaza procentul pe bara de progres */
.to27-progress-wrap,
.progress-bar,
.woocommerce .progress {
    position: relative;
}
/* TEXT FOOTER */
.site-footer,
.site-footer p,
.site-footer span,
.site-footer li,
.site-footer div {
    color: #e5e7eb !important;
}

/* LINKURI */
.site-footer a {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* HOVER */
.site-footer a:hover {
    color: #f97316 !important;
}

/* ICONITE SOCIAL */
.site-footer .et-social-icon a,
.site-footer .social-icons a,
.site-footer .et_pb_social_media_follow a {
    color: #ffffff !important;
    background: rgba(255,255,255,0.08) !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* HOVER ICONITE */
.site-footer .et-social-icon a:hover,
.site-footer .social-icons a:hover,
.site-footer .et_pb_social_media_follow a:hover {
    background: #f97316 !important;
    color: #ffffff !important;
    transform: translateY(-3px);
}
conite social */
.site-footer .social-icons a,
.site-footer .et_pb_social_media_follow a,
footer .social-icons a,
footer .et_pb_social_media_follow a {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Hover iconite */
.site-footer .social-icons a:hover,
.site-footer .et_pb_social_media_follow a:hover,
footer .social-icons a:hover,
footer .et_pb_social_media_follow a:hover {
    color: #ff7a00 !important;
}
body.cw-modal-open {
    overflow: hidden;
}

.cw-free-entry-wrap {
    margin: 18px 0 0;
}

.cw-free-entry-btn {
    background: #ff1493;
    color: #fff;
    border: 0;
    padding: 14px 24px;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    letter-spacing: .5px;
    box-shadow: none;
}

.cw-free-entry-btn:hover {
    opacity: .95;
}

.cw-free-entry-modal {
    display: none;
}

.cw-free-entry-modal.is-active {
    display: block;
}

.cw-free-entry-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.55);
    z-index: 99998;
}

.cw-free-entry-box {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(920px, calc(100% - 32px));
    max-height: 86vh;
    overflow-y: auto;
    background: #f7f7f7;
    border-radius: 12px;
    padding: 34px 28px 28px;
    z-index: 99999;
    box-shadow: 0 20px 60px rgba(0,0,0,.25);
}

.cw-free-entry-close {
    position: absolute;
    top: 14px;
    right: 18px;
    border: 0;
    background: transparent;
    font-size: 34px;
    line-height: 1;
    color: #222;
    cursor: pointer;
    padding: 0;
}

.cw-free-entry-content,
.cw-free-entry-content * {
    color: #1f2430 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.cw-free-entry-content h1,
.cw-free-entry-content h2,
.cw-free-entry-content h3 {
    font-size: 28px;
    line-height: 1.35;
    font-weight: 800;
    margin: 0 0 26px;
    color: #1f2430 !important;
}

.cw-free-entry-content p,
.cw-free-entry-content li {
    font-size: 22px;
    line-height: 1.55;
    font-weight: 600;
    margin-bottom: 14px;
}

.cw-free-entry-content ol {
    margin: 0;
    padding-left: 34px;
}

.cw-free-entry-content ul {
    margin: 14px 0 10px;
    padding-left: 34px;
    list-style: circle;
}

.cw-free-entry-content strong {
    font-weight: 800;
}

@media (max-width: 767px) {
    .cw-free-entry-btn {
        font-size: 14px;
        padding: 13px 20px;
    }

    .cw-free-entry-box {
        width: calc(100% - 20px);
        max-height: 82vh;
        padding: 26px 18px 22px;
        border-radius: 10px;
    }

    .cw-free-entry-close {
        top: 12px;
        right: 14px;
        font-size: 30px;
    }

    .cw-free-entry-content h1,
    .cw-free-entry-content h2,
    .cw-free-entry-content h3 {
        font-size: 22px;
        line-height: 1.4;
        margin-bottom: 18px;
    }

    .cw-free-entry-content p,
    .cw-free-entry-content li {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 10px;
    }

    .cw-free-entry-content ol,
    .cw-free-entry-content ul {
        padding-left: 24px;
    }
}
.cw-question-box {
    margin: 22px 0 26px;
}

.cw-question-title {
    font-size: 42px;
    line-height: 1.1;
    font-weight: 900;
    color: #151924;
    margin: 0 0 16px;
}

.cw-question-text {
    font-size: 26px;
    line-height: 1.35;
    font-weight: 800;
    color: #151924;
    margin: 0 0 20px;
}

.cw-answers {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.cw-answer-btn {
    min-width: 180px;
    min-height: 92px;
    padding: 18px 22px;
    background: #fff;
    border: 2px solid #dfdfdf;
    border-radius: 18px;
    font-size: 22px;
    font-weight: 800;
    color: #111;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(0,0,0,.08);
}

.cw-answer-btn.is-selected {
    border-color: #ff1493;
    box-shadow: 0 0 0 3px rgba(255,20,147,.15);
}

.cw-answer-message {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 700;
}

.cw-answer-message.is-success {
    color: #0a8f47;
}

.cw-answer-message.is-error {
    color: #d11a2a;
}

@media (max-width: 767px) {
    .cw-question-box {
        margin: 20px 0 24px;
    }

    .cw-question-title {
        font-size: 28px;
    }

    .cw-question-text {
        font-size: 20px;
    }

    .cw-answers {
        gap: 12px;
    }

    .cw-answer-btn {
        width: 100%;
        min-width: 100%;
        min-height: 78px;
        font-size: 18px;
        border-radius: 16px;
    }
}
.cw-question-preview {
    margin: 22px 0 26px;
    clear: both;
}

.cw-question-preview-title {
    font-size: 34px;
    line-height: 1.1;
    font-weight: 900;
    color: #fff;
    margin: 0 0 14px;
}

.cw-question-preview-text {
    font-size: 22px;
    line-height: 1.35;
    font-weight: 800;
    color: #fff;
    margin: 0 0 18px;
}

.cw-question-preview-answers {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.cw-question-preview-btn {
    min-width: 160px;
    min-height: 88px;
    padding: 18px 22px;
    background: #fff;
    border: 2px solid #dfdfdf;
    border-radius: 18px;
    font-size: 22px;
    font-weight: 800;
    color: #111;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(0,0,0,.08);
}

.cw-question-preview-btn.is-selected {
    border-color: #ff1493;
    box-shadow: 0 0 0 3px rgba(255,20,147,.15);
}

@media (max-width: 767px) {
    .cw-question-preview {
        margin: 20px 0 24px;
    }

    .cw-question-preview-title {
        font-size: 28px;
    }

    .cw-question-preview-text {
        font-size: 20px;
    }

    .cw-question-preview-answers {
        gap: 12px;
    }

    .cw-question-preview-btn {
        width: 100%;
        min-width: 100%;
        min-height: 78px;
        font-size: 18px;
        border-radius: 16px;
    }
}
.cw-question-preview {
    margin: 22px 0 26px;
    clear: both;
}

.cw-question-preview-title {
    font-size: 34px;
    line-height: 1.1;
    font-weight: 900;
    color: #fff;
    margin: 0 0 14px;
}

.cw-question-preview-text {
    font-size: 22px;
    line-height: 1.35;
    font-weight: 800;
    color: #fff;
    margin: 0 0 18px;
}

.cw-question-preview-answers {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.cw-question-preview-btn {
    min-width: 160px;
    min-height: 88px;
    padding: 18px 22px;
    background: #fff;
    border: 2px solid #dfdfdf;
    border-radius: 18px;
    font-size: 22px;
    font-weight: 800;
    color: #111;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(0,0,0,.08);
}

.cw-question-preview-btn.is-selected {
    border-color: #ff1493;
    box-shadow: 0 0 0 3px rgba(255,20,147,.15);
}

@media (max-width: 767px) {
    .cw-question-preview-title {
        font-size: 28px;
    }

    .cw-question-preview-text {
        font-size: 20px;
    }

    .cw-question-preview-btn {
        width: 100%;
        min-width: 100%;
        min-height: 78px;
        font-size: 18px;
        border-radius: 16px;
    }
}