/*SHOP TABLE PRODUCTE / AMPEL*/

#wc-camps-participants{margin-left: 20px;}

.wc-camps-table th{background: #f18800 !important;border-bottom: 0px !important;color: #ffffff;}

.wc-camps-table tbody > tr > td{padding-top: 20px;padding-bottom: 20px;}

.wc-camps-table { width:100%; border-collapse: collapse; margin:2rem 0; }
.wc-camps-table th, .wc-camps-table td { padding:10px; border-bottom:1px solid #000; text-align: center;}
.dot { display:inline-block; width:12px; height:12px; border-radius:50%; }

.wc-camps-table tr.soldout { opacity:1; }
.wc-camps-table .counter { font-size:13px; color:#000; font-weight: 700 !important;}
.wc-camps-table .dot{display: none !important;}
.wc-camps-table .counter svg{height: 30px !important;}
.wc-camps-table .counter svg .color{fill: none !important;stroke: black;r: 30px !important;}

.wc-camps-table #semaphore-svgrepo-com,.wc-camps-table #semaphore-svgrepo-com + circle,.wc-camps-table #semaphore-svgrepo-com + circle + circle + circle{
  display: none !important;
}

/*GREEN / THEN GREEN COLORED*/
.dot-green  + .counter svg #semaphore-svgrepo-com + circle + circle{ fill:#43ac34 !important; }


/*ORANGE / THEN GREEN AND ORANGE COLORED*/
.dot-orange + .counter svg #semaphore-svgrepo-com + circle + circle{ fill:#f18800 !important; }


/*RED ALL COLORED*/
.dot-red + .counter svg #semaphore-svgrepo-com + circle + circle{ fill:#ff0000 !important; }

.wc-camps-table tr.wl-full svg #semaphore-svgrepo-com + circle + circle,
.not-bookable svg #semaphore-svgrepo-com + circle + circle.color.orange{
  fill:#aaaaaa !important;
}


.wc-camps-toolbar { margin-bottom:10px; }
.wc-camps-table td input[type="radio"]{
  margin: auto;
}

.wc-camps-table > thead > tr > th:nth-child(1){
  max-width: 50px !important;
}

.wc-camps-table > thead > tr > th:nth-child(1),.wc-camps-table > thead > tr > th:nth-child(2){
  text-align: center !important;
}

.wc-camps-table > tbody > tr > td:nth-child(1),.wc-camps-table > tbody > tr > td:nth-child(2){
  text-align: center !important;
}

/*RADIUS STYLE*/
.wc-camps-table > tbody > tr > td:nth-child(2){
  position: relative;
}

.wc-camps-table > tbody > tr > td:nth-child(2) input{
  opacity: 0 !important;
  cursor: pointer !important;
  display: none !important;
}



.wc-camps-table > tbody > tr > td:nth-child(2) input + label{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  height: 20px;
  width: 20px;
  border: 1px solid #000000;
  transition: 0.15s all linear;

  display: block !important;
  margin: auto !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
}

.wc-camps-table > tbody > tr > td:nth-child(2) input:checked + label{
  background: #f39c12 !important;
}

.wc-camps-table > tbody > tr > td:nth-child(2) input:checked + label:before{
  content: "";
  position:absolute !important;
  top: 28%;
  left: 70%;
  height: 24px;
  width: 24px;
  transform: translate(-50%,-50%);
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNTguMDkyIiBoZWlnaHQ9IjE0NS45NDciIHZpZXdCb3g9IjAgMCAxNTguMDkyIDE0NS45NDciPgogIDxnIGlkPSJjaGVja21hcmstcm91bmQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOC4yMjggLTI0LjMyNikiPgogICAgPHBhdGggaWQ9IlBmYWRfMTIiIGRhdGEtbmFtZT0iUGZhZCAxMiIgZD0iTTE3MC4yNCwyNy4zMjJhMTQuMTUxLDE0LjE1MSwwLDAsMC0yMC41NTgsMy40NThMODEuMzIsMTMwLjgsNDMuNjYyLDkwLjAyMmExNC4wNzMsMTQuMDczLDAsMCwwLTIwLjc4Ni0uNjg0LDE2LjI3NiwxNi4yNzYsMCwwLDAtLjY0NiwyMi4wNzhzNDUuNzUyLDUwLjc2OCw1Mi4zMjYsNTUuODZhMTQuMTUxLDE0LjE1MSwwLDAsMCwyMC41NTgtMy40NThMMTczLjUwOCw0OS4xNzJhMTYuMjczLDE2LjI3MywwLDAsMC0zLjI2OC0yMS44NVoiLz4KICA8L2c+Cjwvc3ZnPgo=") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  
}

.wc-camps-table > tbody > tr.soldout > td:nth-child(2) input + label{
  top: 35% !important;
}

@media (max-width: 1199px){
  .wc-camps-table tbody > tr > td,.wc-camps-table thead > tr > th{
    font-size: 15px !important;
  }
}

@media (max-width: 999px){
  .wc-camps-table thead {
    display: none !important;
  }

  .wc-camps-table tbody > tr > td:before{
    content: "";
    display: block;
    background: #000000;
    height: 35px;
    width: 100%;
    margin-bottom: 20px;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .wc-camps-table tbody > tr > td{
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .wc-camps-table tbody > tr > td:nth-child(3){
    width: 100%;
    order: 1;
    font-size: 1.2rem !important;
  }

  .wc-camps-table tbody > tr > td:nth-child(1){
    width: 50%;
    order: 2;
    border-right: 1px solid #000000;
  }

  .wc-camps-table tbody > tr > td:nth-child(2){
    width: 50%;
    order: 3;
  }

  /*.wc-camps-table > tbody > tr > td:nth-child(2) input + label{
    top: calc(50% + 15px) !important;
  }*/

  .wc-camps-table > tbody > tr.soldout > td:nth-child(2) input + label {
    top: calc(0% + 0px) !important;
  }

  .wc-camps-table > tbody > tr.soldout > td:nth-child(2) input + label + div{
    position: relative;
    top: 0px !important;
  }

  .wc-camps-table tbody > tr > td:nth-child(4){
    width: 50%;
    order: 4;
    border-right: 1px solid #000000;
  }

  .wc-camps-table tbody > tr > td:nth-child(5){
    width: 50%;
    order: 5;
  }

  .wc-camps-table tbody > tr > td:nth-child(6){
    width: 50%;
    order: 6;
    border-right: 1px solid #000000;
  }

  .wc-camps-table tbody > tr > td:nth-child(7){
    width: 50%;
    order: 7;
  }

  .wc-camps-table tbody > tr {
    background: #f5f5f5 !important;
    margin-bottom: 50px !important;
    display: flex;
    flex-wrap: wrap;
  }

  .wc-camps-table tbody > tr > td:nth-child(3):before{
    content: "Produktname";

  }

  .wc-camps-table tbody > tr > td:nth-child(1):before{
    content: "Status";
  }

  .wc-camps-table tbody > tr > td:nth-child(2):before{
    content: "Auwählen";
  }

  .wc-camps-table tbody > tr > td:nth-child(4):before{
    content: "Anreise";
  }

  .wc-camps-table tbody > tr > td:nth-child(5):before{
    content: "Abreise";
  }

  .wc-camps-table tbody > tr > td:nth-child(6):before{
    content: "Regulärer Preis";
  }

  .wc-camps-table tbody > tr > td:nth-child(7):before{
    content: "Angebot Preis";
  }
}

@media (max-width: 767px){
  .wc-camps-table tbody > tr > td:before{
    font-size: 15px !important;
  }

  .wc-camps-table tbody > tr > td,.wc-camps-table tbody > tr > td:nth-child(3){
    font-size: 1rem !important;
  }
}





/* Ocultar las filas de fees en el checkout para evitar ruido visual */
body.woocommerce-checkout .shop_table tr.fee { display: none; }

/* Oculta filas fee en checkout y en order-received / ver pedido */
body.woocommerce-checkout .shop_table tr.fee,
body.woocommerce-order-received .shop_table tr.fee,
body.woocommerce-view-order .shop_table tr.fee { display:none; }

/* Ocultar por completo las filas de fees (ajuste + seguros) en las tablas */
body.woocommerce-checkout .shop_table tr.fee,
body.woocommerce-order-received .shop_table tr.fee,
body.woocommerce-view-order .shop_table tr.fee {
  display: none !important;
}

/* Si prefieres mantener la fila pero sin el texto del IVA, comenta lo de arriba
   y deja solo esto para ocultar el "Zzgl. ... VAT" */
body.woocommerce-checkout .shop_table tr.fee small,
body.woocommerce-order-received .shop_table tr.fee small,
body.woocommerce-view-order .shop_table tr.fee small {
  display: none !important;
}


/* Ocultar fees en checkout / gracias / ver pedido */
body.woocommerce-checkout .shop_table tr.fee,
body.woocommerce-order-received .shop_table tr.fee,
body.woocommerce-view-order .shop_table tr.fee { display: none !important; }

/* Si mantienes fees visibles, al menos quita el pequeño texto del IVA: */
body.woocommerce-checkout .shop_table tr.fee small,
body.woocommerce-order-received .shop_table tr.fee small,
body.woocommerce-view-order .shop_table tr.fee small { display:none !important; }



/*BACKEND STYLES*/
.wc-camps-admin-panel { 
    background: white; 
    padding: 15px; 
    border: 1px solid #ccd0d4; 
}
.participant-group { 
    background: #f9f9f9; 
    padding: 15px; 
    margin: 10px 0; 
    border-left: 4px solid #0073aa; 
}
.wc-camps-summary-table { 
    width: 100%; 
    border-collapse: collapse; 
    margin: 10px 0; 
}
.wc-camps-summary-table th { 
    background: #f8f9fa; 
    font-weight: 600; 
}



/*CHECKOUT BILLING FIELDS*/
.woocommerce-billing-fields__field-wrapper{
  display: flex !important;
  flex-wrap:wrap;
  gap: 10px;
  flex-direction: row !important;
}

.woocommerce-billing-fields__field-wrapper > p{
  width: calc(50% - 5px) !important;
  
}

.woocommerce-billing-fields__field-wrapper > p:nth-child(3),
.woocommerce-billing-fields__field-wrapper > p:nth-child(4),
.woocommerce-billing-fields__field-wrapper > p:nth-child(5),
.woocommerce-billing-fields__field-wrapper > p:last-child{
  width: 100% !important;
}

/*CHECKOUT ACCORDION PARTICIPANTES*/

/* Contenedor y tarjetas */
.accordionParticipantes .wc-acc{
  border:1px solid #e5e7eb;
  border-radius:8px;
  margin-bottom:10px;
  overflow:hidden;
}

/* Cabecera clicable */
.wc-acc-h{
  padding:12px 14px;
  background:#f8fafc;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.wc-acc-h:focus{ outline:2px solid #111; outline-offset:2px; }

/* Flecha */
.wc-acc-h::after{
  content:"";
  width:10px; height:10px;
  border-right:2px solid #111; border-bottom:2px solid #111;
  transform:rotate(45deg);
  transition:transform .2s ease;
}
.wc-acc.open .wc-acc-h::after{ transform:rotate(-135deg); }

/* Panel (lo anima jQuery; aquí solo padding) */
.wc-acc-b{
  display:none;         /* importante: empieza cerrado */
  padding:12px 14px;
  background:#fff;
}

.wc-acc-h[aria-expanded="true"] + div{
  display: flex !important;
  flex-wrap:wrap;
  gap: 10px;
  flex-direction: row !important;
}

.wc-acc-h[aria-expanded="true"] + div > p{
  width: calc(50% - 5px) !important;
  position: relative;
}

.wc-acc-h[aria-expanded="true"] + div > p:nth-child(4),
.wc-acc-h[aria-expanded="true"] + div > p:nth-child(3),
.wc-acc-h[aria-expanded="true"] + div > p:nth-child(9),
.wc-acc-h[aria-expanded="true"] + div > p:nth-child(10){
  width: 100% !important;
}

/*POPUP CHECKOUT*/
.wc-camps-ins-info{
  margin-left: 8px;
    display: inline-flex;
    font-size: 12px;
    line-height: 18px;
    justify-content: center;
    background: none !important;
    align-items: center;
    color: #f18700;
    text-decoration: underline;
    border: 0;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 8px;
    padding: 5px;
    box-shadow: none !important;
}
.wc-camps-ins-info svg{
  max-width: 15px;
  max-height: 15px;
  margin-right: 5px;
}
.wc-camps-ins-info:hover{
  color: #f18700 !important;
}
.wc-camps-modal{ position:fixed; inset:0; background:rgba(0,0,0,.4);
  display:flex; align-items:center; justify-content:center;
  opacity:0; transition:opacity .2s ease; z-index:9999; }
.wc-camps-modal[hidden]{ display:none; }
.wc-camps-modal.is-open{ opacity:1; }
.wc-camps-modal__box{ position:relative; background:#fff; max-width:900px; width:95%;padding: 40px !important;padding-top: 80px !important;
  border-radius:10px; padding:16px 18px; transform:translateY(-10px); transition:transform .2s ease;max-height: 80vh;overflow:auto; }
.wc-camps-modal.is-open .wc-camps-modal__box{ transform:translateY(0); }
.wc-camps-modal__close{ position:absolute; top:15px; right:15px; background:#f18800; border:0; font-size:22px; height: 40px;width: 40px; cursor:pointer; padding: 0px;}