/* ==========================================================
   Gift Wallet – My Account tab styling
   ========================================================== */

.woocommerce-account .giftwallet-panel {
    background: #f8fafc;
    border-radius: 10px;
    padding: 24px 24px 28px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
    max-width: 640px;
}

.woocommerce-account .giftwallet-panel-header {
    margin-bottom: 16px;
}

.woocommerce-account .giftwallet-title {
    margin: 0 0 4px;
    font-size: 1.4rem;
    font-weight: 600;
}

.woocommerce-account .giftwallet-subtitle {
    margin: 0;
    color: #64748b;
    font-size: 0.95rem;
}

.woocommerce-account .giftwallet-balance-block {
    margin: 20px 0 18px;
    padding: 16px 18px;
    border-radius: 10px;
    background: #0f172a;
    color: #f9fafb;
    display: inline-block;
    min-width: 260px;
}

.woocommerce-account .giftwallet-balance-label {
    display: block;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    opacity: 0.85;
    margin-bottom: 6px;
}

.woocommerce-account .giftwallet-balance-value {
    display: block;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
}

.woocommerce-account .giftwallet-balance-value .woocommerce-Price-currencySymbol {
    font-size: 1.1rem;
    margin-right: 3px;
    opacity: 0.9;
}

.woocommerce-account .giftwallet-balance-note {
    margin: 10px 0 0;
    font-size: 0.9rem;
    opacity: 0.95;
}

.woocommerce-account .giftwallet-how-it-works {
    margin-top: 18px;
}

.woocommerce-account .giftwallet-how-it-works h3 {
    margin: 0 0 8px;
    font-size: 1.05rem;
    font-weight: 600;
}

.woocommerce-account .giftwallet-how-it-works ul {
    list-style: disc;
    padding-left: 20px;
    margin: 0;
    font-size: 0.95rem;
    color: #475569;
}

.woocommerce-account .giftwallet-how-it-works li + li {
    margin-top: 4px;
}

/* Dashboard summary block */
.giftwallet-account-credit {
    padding: 15px;
    border: 1px solid #eee;
    margin-bottom: 20px;
    border-radius: 4px;
}

.giftwallet-account-credit h3 {
    margin-top: 0;
}


/* ==========================================================
   Gift Wallet – Product page fields (WooCommerce)
   Forces label-above-input layout and prevents flex/float
   issues caused by themes or sticky add-to-cart bars
   ========================================================== */

.woocommerce div.product form.cart .giftwallet-gift-fields,
.woocommerce div.product form.cart .giftwallet-gift-fields * {
    box-sizing: border-box;
}

/* Each field row */
.woocommerce div.product form.cart .giftwallet-gift-fields > div {
    display: block;
    width: 100%;
    clear: both;
    margin: 0 0 12px;
}

/* Labels always above inputs */
.woocommerce div.product form.cart .giftwallet-gift-fields label {
    display: block;
    float: none !important;
    width: 100% !important;
    margin: 0 0 6px;
}

/* Inputs & textarea always full width */
.woocommerce div.product form.cart .giftwallet-gift-fields input.giftwallet-input,
.woocommerce div.product form.cart .giftwallet-gift-fields input.giftwallet-amount-input,
.woocommerce div.product form.cart .giftwallet-gift-fields textarea.giftwallet-textarea {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
}

/* If the theme makes the cart form flex, ensure our block
   takes a full row and doesn’t squash inline */
.woocommerce div.product form.cart .giftwallet-gift-fields {
    flex: 0 0 100%;
}

/* Force Gift Wallet fields to stack vertically even on flex/row themes */
.woocommerce div.product form.cart .giftwallet-gift-fields .giftwallet-custom-amount-field,
.woocommerce div.product form.cart .giftwallet-gift-fields .giftwallet-recipient-email-field,
.woocommerce div.product form.cart .giftwallet-gift-fields .giftwallet-from-field,
.woocommerce div.product form.cart .giftwallet-gift-fields .giftwallet-message-field {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  clear: both !important;
  margin: 0 0 12px !important;
}

/* Ensure label + input are not floated or inline */
.woocommerce div.product form.cart .giftwallet-gift-fields label {
  display: block !important;
  float: none !important;
  width: 100% !important;
  margin: 0 0 6px !important;
}

.woocommerce div.product form.cart .giftwallet-gift-fields input.giftwallet-input,
.woocommerce div.product form.cart .giftwallet-gift-fields input.giftwallet-amount-input,
.woocommerce div.product form.cart .giftwallet-gift-fields textarea.giftwallet-textarea {
  display: block !important;
  float: none !important;
  width: 100% !important;
  max-width: none !important;
}