.custom-accordion .accordion-content {
    display: none;
    padding: 15px;
    border-top: 1px solid #ddd;
}
.h-100{height:100% !important;}
..w-75.m-auto{
  width: 75% !important;
  margin: auto !important;
    margin-top: auto;
    margin-bottom: auto;
}
.wp-block-group.alignwide.w-75.m-auto.has-background.is-layout-constrained.wp-container-core-group-is-layout-e112bfeb.wp-block-group-is-layout-constrained {
  max-width: 950px;
  margin: auto;
    margin-top: auto;
    margin-bottom: auto;
}
.wp-block-list {
    list-style: disc !important;
    padding-left: 20px;
    margin-left: 20px;
}

.wp-block-list li {
    display: list-item !important;
    list-style: disc !important;
    margin-bottom: 12px;
}

.wp-block-list li::marker {
    color: #2b6cb0; /* Change color if needed */
    font-size: 14px;
}
.custom-accordion .accordion-title {
    width: 100%;
    text-align: left;
    padding: 12px;
    background: #f5f5f5;
    border: none;
    cursor: pointer;
    font-weight: 600;
}

.custom-accordion .accordion-item {
    margin-bottom: 10px;
    border: 1px solid #ddd;
}


.accordion-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 14px;
    background: #f5f5f5;
    border: none;
    cursor: pointer;
    font-weight: 600;
}

.accordion-title .icon {
    font-size: 18px;
    transition: 0.3s;
}

.accordion-item.active .icon {
    content: "-";
}
.woocommerce-product-details__short-description {
  padding-top: 23px;
  padding-bottom: 23px;
}

a:where(:not(.wp-element-button)) {
  text-decoration: none !important;
}

.woocommerce div.product form.cart .button {
    float: none !important;
    display: inline-block;
}

.woocommerce div.product form.cart .button {
    float: none !important;
    display: inline-block;
}

.woocommerce div.product form.cart {
    display: flex;
    align-items: center;
    gap: 10px;
}


/* ============================================================
   X-BRELLA — CONTACT FORM 7 STYLES
   ============================================================
   WHERE TO ADD THIS CSS:
   Option A (recommended) — paste into your theme's style.css
   Option B — paste into Appearance → Customise → Additional CSS
   Option C — enqueue a separate file from functions.php

   ALSO add this to functions.php to strip CF7's own stylesheet
   so it does not conflict with the styles below:

       add_filter( 'wpcf7_load_css', '__return_false' );

   ============================================================ */


/* ── Form wrapper ──────────────────────────────────────────── */
.xb-form {
    display: flex;
    flex-direction: column;
    gap: 1.5rem; /* space-y-6 */
}


/* ── Individual field wrapper ──────────────────────────────── */
.xb-form__field {
    display: flex;
    flex-direction: column;
}


/* ── Labels ────────────────────────────────────────────────── */
.xb-form__label {
    display: block;
    font-size: 0.75rem;       /* text-sm */
    text-transform: uppercase;
    letter-spacing: 0.1em;    /* tracking-wider */
    color: #374151;            /* text-gray-700 */
    margin-bottom: 0.5rem;     /* mb-2 */
    font-weight: 600;          /* font-semibold */
    font-family: 'Karla', sans-serif;
}

.xb-form__label abbr {
    text-decoration: none;
    color: #374151;
}


/* ── Text / email / tel inputs ─────────────────────────────── */
.xb-form .wpcf7-form-control.wpcf7-text,
.xb-form .wpcf7-form-control.wpcf7-email,
.xb-form .wpcf7-form-control.wpcf7-tel {
    width: 100%;
    border: 1px solid #d1d5db; /* border-gray-300 */
    padding: 0.75rem 1rem;      /* py-3 px-4 */
    font-size: 0.875rem;        /* text-sm */
    outline: none;
    transition: border-color 0.15s ease;
    background-color: #ffffff;
    color: #111827;
    font-family: 'Karla', sans-serif;
    border-radius: 0;           /* square corners to match design */
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}

.xb-form .wpcf7-form-control.wpcf7-text:focus,
.xb-form .wpcf7-form-control.wpcf7-email:focus,
.xb-form .wpcf7-form-control.wpcf7-tel:focus {
    border-color: #111827; /* focus:border-black */
    box-shadow: none;
}


/* ── Textarea ──────────────────────────────────────────────── */
.xb-form .wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    border: 1px solid #d1d5db;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    outline: none;
    transition: border-color 0.15s ease;
    background-color: #ffffff;
    color: #111827;
    font-family: 'Karla', sans-serif;
    border-radius: 0;
    resize: none;               /* resize-none */
    box-shadow: none;
    max-height: 200px;         /* ~6 rows */
}

.xb-form .wpcf7-form-control.wpcf7-textarea:focus {
    border-color: #111827;
    box-shadow: none;
}


/* ── Submit button ─────────────────────────────────────────── */
.xb-form__submit {
    display: flex;
}

.xb-form .wpcf7-form-control.wpcf7-submit,
.xb-form input[type="submit"] {
    background-color: #111827;  /* bg-black */
    color: #ffffff;
    padding: 0.75rem 3rem;      /* py-3 px-12 */
    font-size: 0.875rem;        /* text-sm */
    font-weight: 600;           /* font-semibold */
    letter-spacing: 0.15em;     /* tracking-widest */
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    transition: background-color 0.15s ease;
    font-family: 'Karla', sans-serif;
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;                /* w-full on mobile */
}

@media (min-width: 768px) {
    .xb-form .wpcf7-form-control.wpcf7-submit,
    .xb-form input[type="submit"] {
        width: auto;            /* md:w-auto */
    }
}

.xb-form .wpcf7-form-control.wpcf7-submit:hover,
.xb-form input[type="submit"]:hover {
    background-color: #1f2937; /* hover:bg-gray-800 */
}

/* Loading / sending state */
.xb-form .wpcf7-form-control.wpcf7-submit:disabled,
.xb-form input[type="submit"]:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}


/* ── Placeholder text ──────────────────────────────────────── */
.xb-form .wpcf7-form-control::placeholder {
    color: #9ca3af; /* placeholder:text-gray-400 */
    font-family: 'Karla', sans-serif;
}

.xb-form .wpcf7-form-control::-webkit-input-placeholder { color: #9ca3af; }
.xb-form .wpcf7-form-control:-ms-input-placeholder      { color: #9ca3af; }


/* ── Validation error tip (inline, below each field) ───────── */
.xb-form .wpcf7-not-valid-tip {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: #dc2626;             /* red-600 */
    font-family: 'Karla', sans-serif;
}

/* Red border on invalid fields */
.xb-form .wpcf7-not-valid {
    border-color: #dc2626 !important;
}


/* ── Form response output bar (success / error / spam) ─────── */
.xb-form ~ .wpcf7-response-output,
.xb-form + .wpcf7-response-output,
.wpcf7 .wpcf7-response-output {
    margin: 1rem 0 0;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    font-family: 'Karla', sans-serif;
    border-radius: 0;
    border-width: 1px;
    border-style: solid;
}

/* Success */
.wpcf7-mail-sent-ok {
    border-color: #16a34a !important; /* green-600 */
    color:         #15803d !important; /* green-700 */
    background:    #f0fdf4 !important; /* green-50  */
}

/* Failed send */
.wpcf7-mail-sent-ng,
.wpcf7-aborted {
    border-color: #dc2626 !important; /* red-600   */
    color:         #b91c1c !important; /* red-700   */
    background:    #fef2f2 !important; /* red-50    */
}

/* Spam blocked */
.wpcf7-spam-blocked {
    border-color: #d97706 !important; /* amber-600 */
    color:         #b45309 !important; /* amber-700 */
    background:    #fffbeb !important; /* amber-50  */
}

/* Validation error summary */
.wpcf7-validation-errors {
    border-color: #d97706 !important;
    color:         #b45309 !important;
    background:    #fffbeb !important;
}


/* ── CF7 spinner (loading indicator) ───────────────────────── */
.wpcf7 .wpcf7-spinner {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 0.5rem;
    vertical-align: middle;
}


/* ── Remove CF7's default browser-reset styles that can bleed ─ */
.wpcf7 form .wpcf7-response-output {
    margin: 1rem 0 0;
}

.wpcf7 p {
    margin: 0; /* CF7 wraps fields in <p> by default — neutralise */
}




/**TEMP EBP STYLES BEFORE WE MOVE INTO FILES**/
.wpcf7-list-item input[type=checkbox]{
	color-scheme: light !important;
}

.wpcf7-list-item{
	margin-left: 0;
}

.wpcf7-acceptance a{
	text-decoration: underline !important;
}