/*
Theme Name: Flatsome Child Stylebutton2
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.icon-ac, .icon-ai, .icon-cd, .icon-is, .icon-jpg, .icon-ps{background: url("images/sprites_software.png") no-repeat;float:left;margin-right:10px;}
.icon-ac{background-position: -50px 0;width: 20px;height: 20px;}
.icon-ai{background-position: -25px 0;width: 20px;height: 20px;}
.icon-cd{background-position: -75px 0;width: 20px;height: 20px;}
.icon-is{background-position: -100px 0;width: 20px;height: 20px;}
.icon-jpg{background-position: -125px 0;width: 20px;height: 20px;}
.icon-ps{background-position: 0 0;width: 20px;height: 20px;}
.swicon {list-style:none;}
dd {font-weight:bold}
.woocommerce-variation-description {font-size:0.8em;}
.hinweis {padding:10px 16px;border:solid 1px #ef4600;background-color:#FFF7ED;margin:10px 0;}
.select_button{display:block}
.fpd-orange-btn {background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#e67a00),color-stop(1,#d26e4b));color: #fff;padding:10px 10px;width:100%;text-align: -webkit-center;text-align:center;font-weight:bold;}
a.fpd-orange-btn:hover {background: #dc7404;color:#fff;}
#fpd-start-customizing-button.fpd-inline {margin-left:0px;background:#ef4600;}
#fpd-start-customizing-button.fpd-inline:hover {background: #d73f00;color:#fff;}
.product-summary .quantity {margin:0.2em;}
td.label {font-size:1em;}
.wc-gzd-additional-info.delivery-time-info.variation_modified {font-size:0.7em;display: block;margin: -1em 0 1em 0;}
.plus.button.is-form, .minus.button.is-form {padding:0 0.2em;min-width: 1.2em;}
.quantity.buttons_added {margin-right:0.5em}
td.nm-imagetools h4 {display:none}
a.nm-file-tools.btn.btn-primary.u_i_c_tools_del {background-color: #d10101;border-color: #d10101;}
.nm-imagetools.fa {color:#d10101;}
div.form-row.align-items-center.ppom-section-collapse {text-align:left;font-size:0.9em}
label[for="pa_druckqualitaet"] {color:#ef4600}
div.send-daten {color:#545454;font-size:15px;font-weight:bold;margin:0.1em 0 0.6em}
div.single_variation_wrap {padding: 10px 6px;}
table.variations.indiv {margin-bottom:0;padding:10px 6px 3px;border-bottom: 1px solid #ececec;}
#rp_wcdpd_pricing_table_variation_container {text-align:center;}
div.product-short-description div.accordion-inner {padding:0}
.term-1984 p.woocommerce-info {display:none}
.single-product .variations .reset_variations {display: none !important;}
div#ppom-price-container {display:none}
select {border-radius:4px;box-shadow: inset 0 -1.4em 1em 0 rgba(0, 0, 0, 0.01);}
td.rp_wcdpd_longer_cell:first-child {text-align: left;padding-left:10px!important}
td.rp_wcdpd_longer_cell:last-child {text-align: right;padding-right:10px}
.dq-textlink {font-size:0.85em;font-weight:400;white-space:nowrap;margin-left:8px}
table.bio {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table.bio caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table.bio tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

table.bio th,
table.bio td {
  padding: .625em;
  text-align: center;
}

table.bio th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

a.hdline {font-size:1.5em;font-weight:bold;}
.hdline {font-size:1.5em;font-weight:bold;}
.headerverlauf {background-image: radial-gradient(circle at 64% 40%, #4b5f81 1%, #2c3440 30%);}
div#rp_wcdpd_pricing_table_variation_container  {margin:0;}

/* 1. Mengenwahl: Behält ihre natürliche Breite */
div.woocommerce-variation-add-to-cart > .ux-quantity.quantity.buttons_added {
    flex: 0 0 auto;
    margin: 0 !important; /* Theme-Standardabstände neutralisieren */
}

/* 2. Warenkorb-Button: Füllt den kompletten Rest der Zeile */
div.woocommerce-variation-add-to-cart > .single_add_to_cart_button {
    flex: 1 1 0;          /* 1=grow, 1=shrink, 0=basis → nimmt verfügbaren Restplatz */
    min-width: 0;         /* 🔑 Wichtig: Verhindert, dass Button-Text die Flexbox sprengt */
    width: 100%;          /* Fallback für ältere Browser/Theme-Calc-Logiken */
    margin: 0 0 0 12px !important;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
div.headline{order:2}
div.headimage{order:1}
table.bio {
    border: 0;
  }

  table.bio caption {
    font-size: 1.3em;
  }
  
  table.bio thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.bio tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table.bio td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  table.bio td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table.bio td:last-child {
    border-bottom: 0;
  }
}