/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

.wc-block-components-product-metadata__description {
    display: none;
}


/* product grid */

.woocommerce-loop-product__title  {
    
text-wrap: balance;

}



/* checkout table fix */

table.shop_table thead th {
    --theme-table-border-width: 0 0 1px 0 !important;

}



/*** Oktagon widget @ checkout custom css **/


  /* --- 1) Make the option card the grid container (NO fixed rows) --- */
  /*.msudco-widget-design-false .msdco-widget-wrapper .unifaun-checkout-option0 {
    /*display: grid !important;

    /* radio | icon | method | price */
    /*grid-template-columns: min-content min-content 1fr min-content;*/

    /* IMPORTANT: let rows be created only when content exists */
  /*  grid-auto-flow: row;
  /*  grid-auto-rows: max-content;

  /*  column-gap: 8px;   /* keep your current */
  /*  row-gap: 12px;     /* keep your current */
  /*  padding-bottom: 8px;
  /*  align-items: start;
  /*}*/

  /* --- 2) Flatten wrappers so we can place the REAL parts --- */
  .msudco-widget-design-false .msdco-widget-wrapper
  .unifaun-checkout-option0 .unifaun-checkout-option-header0,
  .msudco-widget-design-false .msdco-widget-wrapper
  .unifaun-checkout-option0 .unifaun-checkout-option-columns,
  .msudco-widget-design-false .msdco-widget-wrapper
  .unifaun-checkout-option0 .unifaun-checkout-option-column2 {
    display: contents !important;
  }

  /* Extra safety: widget sometimes clips via header0 */
  .msudco-widget-design-false .msdco-widget-wrapper
  .unifaun-checkout-option0 .unifaun-checkout-option-header0 {
    overflow: visible !important;
  }

  /* --- 3) Row 1 placements --- */
  .msudco-widget-design-false .msdco-widget-wrapper
  .unifaun-checkout-option0 .unifaun-checkout-option-radio {
    grid-column: 1;
    grid-row: 1;
    float: none !important;
    margin-right: 0 !important;
  }

  .msudco-widget-design-false .msdco-widget-wrapper
  .unifaun-checkout-option0 .unifaun-checkout-option-prefix-icon {
    grid-column: 2;
    grid-row: 1;
    position: static !important;
    margin-left: 0 !important; /* kill widget nudge */
    align-self: start;
  }

  /* Kill absolute-position + nudges on the icon image */
  .msudco-widget-design-false .msdco-widget-wrapper
  .unifaun-checkout-option0 .unifaun-checkout-option-prefix-icon img {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    margin-top: 0 !important;
  }

  .msudco-widget-design-false .msdco-widget-wrapper
  .unifaun-checkout-option0 .unifaun-checkout-option-column1 {
    grid-column: 3;
    grid-row: 1;

    /* Kill the 37% hack + inline-flex shrink */
    margin-left: 0 !important;
    display: block !important;
    min-width: 0;
  }

  .msudco-widget-design-false .msdco-widget-wrapper
  .unifaun-checkout-option0 .unifaun-checkout-option-price {
    grid-column: 4;
    grid-row: 1;
    justify-self: end;
    white-space: nowrap;
  }

  /* --- 4) Everything below row 1: auto-flow (no empty rows if missing) --- */
  .msudco-widget-design-false .msdco-widget-wrapper
  .unifaun-checkout-option0 .unifaun-checkout-option-agents-wrapper,
  .msudco-widget-design-false .msdco-widget-wrapper
  .unifaun-checkout-option0 .unifaun-checkout-option-map-container,
  .msudco-widget-design-false .msdco-widget-wrapper
  .unifaun-checkout-option0 .unifaun-checkout-clip-box {
    grid-column: 2 / -1;
  }

  .msudco-widget-design-false .msdco-widget-wrapper
  .unifaun-checkout-option0 .unifaun-checkout-option-map-container {
    display: block !important;
    min-width: 0;
  }

  /* Leaflet sizing sanity (only matters if map exists) */
  .msudco-widget-design-false .msdco-widget-wrapper
  .unifaun-checkout-option0 .unifaun-checkout-option-map-container .leaflet-container {
    width: 100% !important;
  
  }

/* Selected option background */
.msudco-widget-design-false .msdco-widget-wrapper .unifaun-checkout-option0.unifaun-checkout-selected0,
.msudco-widget-design-false .msdco-widget-wrapper .unifaun-checkout-option1.unifaun-checkout-selected1 {
  background-color: white;
}




.msudco-widget-design-false .unifaun-checkout-option-map-container .leaflet-container {
    height: 270px !important;
    max-height: 400px !important;
    max-width: 100% !important;
    width: 100% !important;

}

.msdco-widget-wrapper input[type="radio"] {

  accent-color: var(--theme-form-selection-field-active-color);
 
    width: 16px;
    height: 16px;
    min-width: 16px;
    margin-top: 2px;
    border-radius: 100%;
    border: var(--form-selection-control-border-width, var(--theme-form-field-border-width, 1px)) solid var(--theme-form-selection-field-initial-color);
}

.msudco-widget-design-false .leaflet-container a {
    
color: var(--theme-link-initial-color) !important;
}

.msudco-widget-design-false .leaflet-container a:hover {
    
color var(--theme-link-hover-color) !important;

}    

.msudco-widget-design-false .leaflet-container a {

-webkit-tap-highlight-color: rgba(32, 96, 128, 0.4);

}

.msudco-widget-design-false .unifaun-checkout-option-agents select {

accent-color: #206080;

}

.msudco-widget-design-false .unifaun-checkout-option-agents select:hover {
    background-color: #206080;
    color: #ffffff;
    cursor: pointer;
}


}   

/* product page fix */

@media (min-width: 1000px) {
    .ct-default-gallery .entry-summary, .ct-stacked-gallery .entry-summary {
        margin-inline-start: 80px !important;
        
    }
}

.woocommerce-product-details__short-description ul li {
    
text-wrap: balance;
padding: 0;
list-style: inside;

}

h2.b2bking_b2bregistration_only_register_header  {
    
display: none;

}

/* Full width product image mobile */

@media (max-width: 690px) {
  .ct-default-gallery .woocommerce-product-gallery, .ct-stacked-gallery .woocommerce-product-gallery {
    --custom-edge-spacing: calc(-1 * calc(calc(100vw - var(--theme-container-edge-spacing))/2));
		margin-left: var(--custom-edge-spacing);
		margin-right: var(--custom-edge-spacing);
  }
}

.woocommerce-billing-fields__field-wrapper #b2bking_js_based_invalid_field {
    
margin-block-end: 0;

}

/* Extra woocommerce form field classes for desktop */

@media (min-width: 690px) {

  .woocommerce form .form-row-one-third,
  .woocommerce form .form-row-two-thirds {
    float: left;
    box-sizing: border-box;
  }

  .woocommerce form .form-row-one-third { width: 32%; }
  .woocommerce form .form-row-two-thirds { width: 64%; }

  /* Match Woo's typical gutter behavior: spacing comes from the "first" field */
  .woocommerce form .form-row-one-third.form-row-first,
  .woocommerce form .form-row-two-thirds.form-row-first {
    margin-right: 4%;
    clear: both;
  }

  .woocommerce form .form-row-one-third.form-row-last,
  .woocommerce form .form-row-two-thirds.form-row-last {
    margin-right: 0;
    float: right;
  }
}



#order_comments_field > label {
    
display: inline-block !important;

}

#ship-to-same-address-wrapper > label {
    
display: grid;
grid-template-columns: min-content auto;
text-wrap: balance;
font-weight: 400;

}

#customer_details .col-2 {
    
margin-top: 0 !important;

}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper  {
    
margin-bottom: 1rem;

}

.woocommerce-product-details__short-description ul  {
    
display: grid;

row-gap: 8px;
list-style: none;
padding-left: 0;

}   

.woocommerce-product-details__short-description li   {
    
display: grid;
grid-template-columns: min-content 1fr;
column-gap: 8px;

}

.woocommerce-product-details__short-description li::before { 
    
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23457D99" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l5 5l10-10"/></svg>'); display: block; width: 20px; /* Control size */ height: 20px; white-space: nowrap; color: #457D99;
    
}  


.b2bking_vat_spinner {
	vertical-align: middle;
	margin-left: 6px; /* adjust as you like */
}
.b2bking_vat_spinner .spinner_ajPY {
	transform-origin: center;
	animation: b2bking_spinner_rotate .75s infinite linear;
}
@keyframes b2bking_spinner_rotate {
	100% { transform: rotate(360deg); }
}

.b2bking_vat_autovalidate_status  {
    
font-size: 14px;
margin-top: 8px;

}

/* Prefer theme variables when present, else fallback */
.b2bking_vat_autovalidate_status--success {
	color: #1a7f37;
}

.b2bking_vat_autovalidate_status--error {
	color: #b91c1c;
}

.b2bking_vat_autovalidate_status--info {
	color: var(--theme-palette-color-3);
}
    

