/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/* === Gravity Forms Custom === */

.custom-gravity-form-wrapper {
	color: #004654;
}

.custom-gravity-form-wrapper .gform-grid-row {
	row-gap: 40px;
}

.custom-gravity-form-wrapper #label_2_4_1, .custom-gravity-form-wrapper .gfield_description {
	font-size:14px !important;
	color: #004654;
}

.custom-gravity-form-wrapper .custom-form-heading {
	font-size: 28px !important;
	color: #004654 !important;
	font-weight: 600 !important;
	display:block;
	margin-top: 20px;
}

.custom-gravity-form-wrapper .gform_page_fields {
	margin-bottom: 40px;
}

.custom-gravity-form-wrapper label, .custom-gravity-form-wrapper label span, .custom-gravity-form-wrapper fieldset legend, .custom-gravity-form-wrapper p {
	color: #004654 !important;
}

.custom-gravity-form-wrapper label, .custom-gravity-form-wrapper label span, p.gf_progressbar_title, .custom-gravity-form-wrapper input, .custom-gravity-form-wrapper fieldset legend {
	font-size: 20px !important;
}

.custom-gravity-form-wrapper .gform-theme-button, .custom-gravity-form-wrapper #gform_submit_button_1, .custom-gravity-form-wrapper #gform_submit_button_2, .custom-gravity-form-wrapper #gform_submit_button_3 {
	color: #ffffff !important;
  	background: #0c3a46 !important;
  	border-color: #0c3a46 !important;
	font-size: 17px !important;
  	padding: 18px 44px !important;
	border-radius:10em !important;
}


.custom-gravity-form-wrapper .gform-theme-button:hover, .custom-gravity-form-wrapper #gform_submit_button_1:hover, .custom-gravity-form-wrapper #gform_submit_button_2:hover, .custom-gravity-form-wrapper #gform_submit_button_3:hover {
	color: #303133 !important;
  	background-color: #ffffff !important;
  	border-color: #303133 !important;
}

.custom-gravity-form-wrapper input[type="text"], .custom-gravity-form-wrapper input[type="email"], .custom-gravity-form-wrapper input[type="tel"], .custom-gravity-form-wrapper textarea {
	border-bottom-color: #eaeaea !important;
    border-top-color: #ffffff !important;
    border-right-color: #ffffff !important;
    border-left-color: #ffffff !important;
	padding: 27px 0 !important;
	box-shadow:none;
	border-radius:0;
}

.custom-gravity-form-wrapper input[type="text"]:focus, .custom-gravity-form-wrapper input[type="email"]:focus, .custom-gravity-form-wrapper input[type="tel"]:focus, .custom-gravity-form-wrapper textarea:focus {
	border-bottom-color: #ff7b16 !important;
}

.ginput_quantity_label {
	display:none !important;
}

/* === Feld-Wrapper: Label + Price oben, Card darunter ============== */
.custom-gravity-form-wrapper #field_1_1 {
  background: transparent;
  padding: 0;
}

/* Header-Zeile: ABM Fundamentals links, Price rechts */
.custom-gravity-form-wrapper #field_1_1 .gf-product-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin: 22px 0;
}

/* Titel im Header */
.custom-gravity-form-wrapper #field_1_1 .gf-product-header .gfield_label {
  margin: 0;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 600;
  color: #0d3b46;
}

/* Preis rechts im Header */
.custom-gravity-form-wrapper #field_1_1 .gf-product-header .ginput_product_price_wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #7a838c;
  white-space: nowrap;
}

.custom-gravity-form-wrapper #field_1_1 .gf-product-header .ginput_product_price {
  font-size: 18px;
  font-weight: 600;
  color: #0d3b46;
  margin-left: 4px;
}

/* === Card: Menge + Total in einer Reihe =========================== */
.custom-gravity-form-wrapper #field_1_1 .ginput_container_singleproduct {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 32px;
  background: #f3f3f3;
  border-radius: 24px;
  padding: 24px 32px;
}

/* Zeile in der Card: links Menge, rechts Total */
.custom-gravity-form-wrapper #field_1_1 .gf-qty-total-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

/* === +/- Control – DEINE STYLES =================================== */

.custom-gravity-form-wrapper .gf-qty-control {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  background: transparent;
  padding: 0;
  border-radius: 0;
}

/* Minus/Plus-Kreise */
.custom-gravity-form-wrapper .gf-qty-btn {
  width: 40px !important;
  height: 40px !important;
  border-radius: 999px !important;
  border: none;
  background: rgba(12, 58, 70, 0.08) !important; /* heller graublau */
  color: #0c3a46 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px !important;
  line-height: 1;
  cursor: pointer;
  box-shadow: none;
}

/* Zahl in der Mitte – als normaler Text */
.custom-gravity-form-wrapper .gf-qty-control .ginput_quantity {
  width: 24px;
  border: none;
  background: transparent;
  padding: 0 !important;
  margin: 0;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  color: #0c3a46;
  -moz-appearance: textfield;
  box-shadow: none;
}

/* Fokus & Spinner ausblenden */
.custom-gravity-form-wrapper .gf-qty-control .ginput_quantity:focus {
  outline: none;
  box-shadow: none;
}

.custom-gravity-form-wrapper .gf-qty-control .ginput_quantity::-webkit-inner-spin-button,
.custom-gravity-form-wrapper .gf-qty-control .ginput_quantity::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* === Total rechts in der Card ===================================== */

.custom-gravity-form-wrapper .gf-line-total-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}

.custom-gravity-form-wrapper .gf-line-total-label {
  display:none;
}

.gf-total-display {
  font-size: 20px !important;
  font-weight: 600 !important;
}

#input_1_1 {
  font-size: 14px !important;
  font-weight: 300 !important;
}

.ginput_product_price_wrapper {
  margin-top:10px;	
}

.custom-gravity-form-wrapper .gf-line-total-wrapper .ginput_total:focus {
  outline: none;
  box-shadow: none;
}

.custom-gravity-form-wrapper .abm-description {
	font-weight:300;
	padding:0;
	margin:0;
}

/* === Select-Feld wie die Gravity-Textinputs ========================= */

.custom-gravity-form-wrapper select {
    width: 100%;
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid #dcdcdc !important;
    border-radius: 0 !important;
    padding: 10px 0 8px 0 !important;
    font-size: 16px !important;
    font-family: inherit;
    color: #112337 !important;
    height: auto !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml;utf8,<svg fill='rgba(17,35,55,0.45)' height='16' viewBox='0 0 20 20' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M5.516 7.548l4.484 4.953 4.484-4.953c.263-.292.717-.292.98 0 .263.292.263.767 0 1.059l-4.973 5.487c-.263.292-.717.292-.98 0L4.536 8.607c-.263-.292-.263-.767 0-1.059.263-.292.717-.292.98 0z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 4px center !important;
    background-size: 20px !important;
}

/* Linie */
.custom-gravity-form-wrapper select {
    outline: none !important;
    border-bottom: 1px solid #eaeaea !important;
	font-size: 20px !important;
}

/* Hover & Focus */
.custom-gravity-form-wrapper select:hover, .custom-gravity-form-wrapper select:focus {
    outline: none !important;
    border-bottom: 1px solid #ff7b16 !important;
}

/* Placeholder ("Choose your slot") */
.custom-gravity-form-wrapper select option.gf_placeholder {
    color: rgba(17, 35, 55, 0.45) !important;
}

.gf_progressbar_title {
	display:none !important;
}

/* Currency Buttons */
.custom-gravity-form-wrapper .gf-currency-switcher {
  display: inline-flex;
  gap: 6px;
}
.custom-gravity-form-wrapper .gf-currency-btn {
  cursor: pointer !important;
  background: rgba(12, 58, 70, 0.06) !important;
  color: #0c3a46 !important;
}
.custom-gravity-form-wrapper .gf-currency-btn.is-active {
  background: #0c3a46 !important;
  color: #fff !important;
}

.gf-qty-control .ginput_quantity {
  height: 40px !important;
  line-height: 40px !important;
  font-size: 22px !important;
  font-weight: 600;
  color: #0c3a46;
}

/* === Responsive Layout (nur 960px–1236px) ========================== */

@media (min-width: 960px) and (max-width: 1236px) {

  /* Header von Row → Column */
  .custom-gravity-form-wrapper #field_1_1 .gf-product-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin: 18px 0;
  }

  /* Währungs-Switcher + Preis in einer Reihe unter dem Titel */
  .custom-gravity-form-wrapper #field_1_1 .gf-product-header-right {
    display: flex;
    align-items: center;
    gap: 14px;
  }

  /* Preis etwas kompakter für diesen Bereich */
  .custom-gravity-form-wrapper #field_1_1 .ginput_product_price {
    font-size: 17px;
  }
}

/* === Responsive: Total-Display Styling NUR zwischen 960–1100 ===== */

@media (min-width: 960px) and (max-width: 1100px) {

  /* Gesamtzeile im Card-Block */
  .custom-gravity-form-wrapper .gf-qty-total-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }

  /* Total rechts → unter die Menge setzen */
  .custom-gravity-form-wrapper .gf-line-total-wrapper {
    width: 100%;
    justify-content: flex-start !important;
    text-align: left !important;
  }
	
	.custom-gravity-form-wrapper .gf-line-total-wrapper {
		text-align:center !important;
	}
	
	.custom-gravity-form-wrapper .gf-total-display {
		width:100%;
	}

  /* Das sichtbare Total ($5,900.00 etc.) */
  .custom-gravity-form-wrapper .gf-total-display {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #0d3b46 !important;
    display: block;
    margin-top: 4px;
  }

  /* Optional: Abstand optimieren */
  .custom-gravity-form-wrapper .gf-qty-control {
    margin-bottom: 4px;
  }
}

/* =========================================================
   FORM 1 + FORM 3: Produkt-Card & Header vereinheitlichen
   ========================================================= */

/* Feld-Wrapper: Label + Price oben, Card darunter */
.custom-gravity-form-wrapper #field_1_1,
.custom-gravity-form-wrapper #field_3_1 {
  background: transparent;
  padding: 0;
}

/* Header-Zeile: Titel links, Price/Switcher rechts */
.custom-gravity-form-wrapper #field_1_1 .gf-product-header,
.custom-gravity-form-wrapper #field_3_1 .gf-product-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin: 22px 0;
}

/* Titel im Header */
.custom-gravity-form-wrapper #field_1_1 .gf-product-header .gfield_label,
.custom-gravity-form-wrapper #field_3_1 .gf-product-header .gfield_label {
  margin: 0;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 600;
  color: #0d3b46;
}

/* Preis-Wrapper rechts im Header */
.custom-gravity-form-wrapper #field_1_1 .gf-product-header .ginput_product_price_wrapper,
.custom-gravity-form-wrapper #field_3_1 .gf-product-header .ginput_product_price_wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #7a838c;
  white-space: nowrap;
}

/* Preistext im Header */
.custom-gravity-form-wrapper #field_1_1 .gf-product-header .ginput_product_price,
.custom-gravity-form-wrapper #field_3_1 .gf-product-header .ginput_product_price {
  font-size: 18px;
  font-weight: 600;
  color: #0d3b46;
  margin-left: 4px;
}

/* Card: Menge + Total in einer Reihe */
.custom-gravity-form-wrapper #field_1_1 .ginput_container_singleproduct,
.custom-gravity-form-wrapper #field_3_1 .ginput_container_singleproduct {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 32px;
  background: #f3f3f3;
  border-radius: 24px;
  padding: 24px 32px;
}

/* Zeile in der Card: links Menge, rechts Total */
.custom-gravity-form-wrapper #field_1_1 .gf-qty-total-row,
.custom-gravity-form-wrapper #field_3_1 .gf-qty-total-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

/* Preis-Span (oben rechts) in beiden Formularen */
#input_1_1,
#input_3_1 {
  font-size: 14px !important;
  font-weight: 300 !important;
}

/* =========================================================
   Responsive Anpassungen für Form 1 + 3
   ========================================================= */

@media (min-width: 960px) and (max-width: 1236px) {

  /* Header von Row → Column */
  .custom-gravity-form-wrapper #field_1_1 .gf-product-header,
  .custom-gravity-form-wrapper #field_3_1 .gf-product-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin: 18px 0;
  }

  /* Währungs-Switcher + Preis in einer Reihe unter dem Titel */
  .custom-gravity-form-wrapper #field_1_1 .gf-product-header-right,
  .custom-gravity-form-wrapper #field_3_1 .gf-product-header-right {
    display: flex;
    align-items: center;
    gap: 14px;
  }

  /* Preis etwas kompakter für diesen Bereich */
  .custom-gravity-form-wrapper #field_1_1 .ginput_product_price,
  .custom-gravity-form-wrapper #field_3_1 .ginput_product_price {
    font-size: 17px;
  }
}

.js-visible-total-1,
.js-visible-total-3 {
  display: none !important;
}