/* child-theme/css/edd-store-custom.css */

.entry-content {
  color: #eaeaea;
}

/*EDD Store Borders */
:root {
  --border-blue: #04316d;
  --user-text: #eaeaea;
  --desc-text: #9b9b9b;
}

/* ─── EDD STORE & PANEL BORDERS ──────────────────────────────────────────── */

/* Order & receipt tables */
.edd-blocks-orders__order-header,
.edd-blocks-receipt__row-item,
.edd-blocks-receipt__row-header {
  border-bottom: 1px solid var(--border-blue) !important;
  padding-bottom: .5rem;
}
.edd-blocks-orders__order,
.edd-blocks-receipt__items,
.edd-blocks-receipt__totals {
  border: 1px solid var(--border-blue) !important;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
}

/* ─── PERSONAL INFO PANEL ────────────────────────────────────────────────── */

#edd_checkout_user_info {
  background: transparent !important;
  border: 1px solid var(--border-blue) !important;
  border-radius: 6px;
  padding: 1.5rem !important;
  margin-bottom: 1.5rem;
}
#edd_checkout_user_info legend {
  background: var(--border-blue) !important;
  color: #fff !important;
  padding: 0.25rem 4px !important;
  border-radius: 4px;
  font-weight: 700;
}
#edd_checkout_user_info * {
  color: var(--user-text) !important;
}
#edd_checkout_user_info .edd-description {
  color: var(--desc-text) !important;
}

/* ─── CART PANEL ────────────────────────────────────────────────────────── */

#edd_checkout_cart {
  background: transparent !important;
  border: 1px solid var(--border-blue) !important;
  border-radius: 6px;
  padding: 1.5rem !important;
  margin-bottom: 1.5rem;
}
#edd_checkout_cart legend {
  background: var(--border-blue) !important;
  color: #fff !important;
  padding: 0.25rem 4px !important;
  border-radius: 4px;
  font-weight: 700;
}

/* ─── PAYMENT INFO (pale-blue box) ───────────────────────────────────────── */

#edd_cc_fields.edd-do-validate {
  background: #b2d3ff !important;
  border: 1px solid var(--border-blue) !important;
  border-radius: 6px;
  padding: 1.5rem !important;
  margin-bottom: 1.5rem;
}
#edd_cc_fields.edd-do-validate legend {
  background: var(--border-blue) !important;
  color: #fff !important;
  padding: 0.25rem 4px !important;
  border-radius: 4px;
  font-weight: 700;
}

/* ─── INLINE CART ROW BORDERS & SPACING ────────────────────────────────── */

#edd_checkout_form_wrap .edd-blocks-form__cart .edd-blocks-cart__items,
#edd_checkout_form_wrap .edd-blocks-form__cart .edd-blocks-cart__row-header {
  border-bottom: 1px solid var(--border-blue) !important;
}
#edd_checkout_form_wrap #edd_purchase_form .edd-blocks-form {
  border: 1px solid var(--border-blue) !important;
}

/* Enlarge the little cart thumbnails */
.edd_cart_item_image img {
  width: 50px !important;
  height: 50px !important;
  object-fit: cover;
  border-radius: 4px;        /* optional: round the corners */
  margin-right: 0.5rem;      /* give a little breathing room */
  vertical-align: middle;    /* keep it aligned with the text */
}


/* ────────────────────────────────────── */
/* Surround the payment-method box in a blue border */
#edd_payment_mode_select {
  border: 1px solid var(--border-blue) !important;
  border-radius: 6px !important;
  overflow: hidden;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
#edd_payment_mode_select legend {
  background: var(--border-blue);
  color: #fff;
  padding: 0.25rem 0.75rem !important;
  border-radius: 4px;
  font-weight: 700;
}

/* ────────────────────────────────────── */
/* Misc panels & fields */

.edd-alert-error {
  background-color: #002e60;
  border-color: #ebccd1;
  color: #a94442;
}

#edd_checkout_form_wrap input,
#edd_checkout_form_wrap textarea,
#edd_checkout_form_wrap select {
  color: black !important;
}

input#edd-purchase-button.edd-submit.has-edd-button-text-color {
  color: white !important;
}

#edd-payment-mode-wrap .edd-gateway-option {
  border: 1px solid white !important;
  color: white !important;
}

.p-FieldLabel,
.Label {
  color: white !important;
}

/* secure-site wrapper text + padlock tweaks */
#edd_secure_site_wrapper {
  background: transparent;
  color: #333333 !important;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
#edd_secure_site_wrapper .padlock svg,
#edd_secure_site_wrapper .padlock svg path {
  fill: #00b4ff !important;
  stroke: #00b4ff !important;
}

/* purchase button */
#edd_purchase_submit input#edd-purchase-button.edd-submit {
  color: #fff !important;
  border: 1px solid #fff !important;
}

/* remove-icon */

.edd-blocks-cart__action-remove {
  background-image: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-indent: -9999px;
  display: inline-block;
  width: 20px !important;
  height: 20px !important;
}
.edd-blocks-cart__action-remove::before {
  content: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23007BFF'>\
<path d='M3 6h18v2H3V6zm2 3h14v12H5V9zm3 2v8h2v-8H8zm4 0v8h2v-8h-2zM9 2h6v2H9V2z'/>\
</svg>") !important;
  vertical-align: middle;
  width: 20px !important;
  height: 20px !important;
}


@media (max-width: 1270px) {
  .edd-blocks-cart__action-remove {
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    overflow: visible !important;
    text-indent: 0 !important;       /* don’t push it off-screen */
  }
  .edd-blocks-cart__action-remove::before {
    display: block !important;
    content: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23007BFF'>\
<path d='M3 6h18v2H3V6zm2 3h14v12H5V9zm3 2v8h2v-8H8zm4 0v8h2v-8h-2zM9 2h6v2H9V2z'/>\
</svg>") !important;
    width: 20px !important;
    height: 20px !important;
    vertical-align: middle !important;
  }
}

/*EDD Confirmation Page*/
/* Style the download file link as a button */
.edd_download_file a {
  display: inline-flex;
  align-items: center;
  padding: 0.5em 1em;               /* vertical 0.5em, horizontal 1em */
  background-color: #007bff;       /* blue background */
  color: #fff !important;          /* white text */
  border: 2px solid #fff !important;   
  border-radius: 20px;             /* 20px rounded corners */
  text-decoration: none;
  font-weight: 600;
  margin-top: 1rem !important;
}

/* Make the arrow larger and spaced */
.edd_download_file a::after {
  content: "⬇";                    /* down-arrow, can swap to → or any unicode */
  display: inline-block;
  margin-left: 0.5em;              /* space between text and arrow */
  font-size: 1.2em;                /* 120% of parent font-size */
  line-height: 1;                  
  vertical-align: middle;
  transform: translateY(1px);      /* fine-tune vertical alignment */
}

.edd_purchase_receipt_product_notes {

  background-color: rgb(0 123 255 / 29%);  /* light blue backdrop */
  border: 1px solid #007bff;                 /* solid blue outline */
  color: #ffffff;                            /* white text */
  padding: 1rem;                             /* inner spacing */
  border-radius: 12px;                       /* rounded corners */
  margin-top: 1rem;                          /* spacing above */
}


/* selected + hover states for gateway labels */
#edd-payment-mode-wrap .edd-gateway-option.edd-gateway-option-selected,
#edd-payment-mode-wrap .edd-gateway-option.edd-gateway-option-selected * {
  color: #000 !important;
  fill:  #000 !important;
  stroke:#000 !important;
}
#edd-payment-mode-wrap .edd-gateway-option.edd-gateway-option-selected input {
  accent-color: #000 !important;
}
#edd-payment-mode-wrap .edd-gateway-option:hover,
#edd-payment-mode-wrap .edd-gateway-option.edd-gateway-option-selected:hover {
  color: #000 !important;
}


/*info Inout box heihgt */
.wp-block-edd-checkout #edd_purchase_form .edd-blocks-form input,
.wp-block-edd-checkout #edd_purchase_form .edd-blocks-form select {
  height: 30px; /* 25px taller than the default 25px */
  border-radius: 5px; /* adjust to taste */
}


/*------------------*/

/* ─── Narrow the download cards ───────────────────────────────────────── */

/* 1) Make the container a flex‐row (if it isn’t already) */
.edd-blocks__columns {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 1.5rem !important;    /* adjust horizontal gaps as needed */
}


/* ─── Kill bottom gap under the button ───────────────────────────────── */

/* 1) Remove any padding/margin on the footer container */
.edd-blocks__download-footer {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* 2) Collapse the purchase‐wrapper’s own spacing */
.edd-blocks__download-footer .edd_purchase_submit_wrapper {
  margin-bottom: 0px !important;
  padding-bottom: 30px !important;
}

/* 3) Hide the empty <p> and <br> tags below the button */
.edd-blocks__download-footer > p,
.edd-blocks__download-footer br {
  display: none !important;
}


/* ─── Adjust purchase button to be a bit smaller ───────────────────────── */

/* Target both JS and no-JS buttons in the download footer */
.edd-blocks__download-footer .edd_purchase_submit_wrapper
  .edd-add-to-cart.button,
.edd-blocks__download-footer .edd_purchase_submit_wrapper
  .edd_go_to_checkout.button {
  padding: 0.5em 1.5em !important;   /* a bit less vertical and horizontal space */
  font-size: 1rem !important;       /* standard text size */
  min-width: 100px !important;      /* a tighter minimum width */
}

/* ─── Responsive flex row for EDD cards ───────────────────────────────── */
/* ─── Centered, responsive EDD cards with fixed gap ──────────────────── */
.edd-blocks__columns {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;  /* center cards in the row */
  gap: 2.0rem !important;               /* fixed 0.5rem between cards */
  padding: 0 !important;                /* remove any side padding */
  box-sizing: border-box !important;
}

/* Cards: start at 300px, shrink no smaller, cap at 360px */
.edd-blocks__columns .edd-blocks__download {
  flex: 1 1 500px !important;    /* flex-grow:1, flex-shrink:1, flex-basis:300px */
  max-width: 560px !important;   /* prevents them from stretching too wide */
  margin: 0 !important;          /* ensure only gap controls spacing */
}


/*HOUDINI TOOLS HEADER*/

/* ─── Styled “Houdini Tools” header ───────────────────────────────────── */

p.has-text-align-center.has-x-large-font-size,
.title_area-wrap .entry-title.responsive-h4,
.houdini_tool_header {
    display: block !important;
    width: fit-content !important;
    /* width: 100% !important; */
    margin: 25px auto 25px auto !important;
    text-align: center !important;
    padding: 0px 20px !important;
    background-color: #002350 !important;
    border: 2px solid #00396b !important;
    border-radius: 25px !important;
    color: #e4e4e4 !important;
    font-weight: bold !important;
}


/* extra top-space above the title block */
.single_post-title.align-center .title_area-wrap {
  margin-top: 50px !important;
margin-bottom: 15px !important;

}

/* ─── Increase internal padding on the page title banner ─────────────── */

.title_area-wrap .entry-title.responsive-h4 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/*Hide Main Menu Backgrop*/
/* ─── Disable all .backdrop-blur-md effects ──────────────────────────── */

.backdrop-blur-md {
  --tw-backdrop-blur: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}


.custom-download-card .edd_purchase_submit_wrapper .edd-add-to-cart.button {
  margin-left: auto !important;
  margin-right: auto !important;
}