/* =============================================================================
   NeuroField Custom — Public Stylesheet
   Loaded sitewide via NF_Public::enqueue_assets()
   ============================================================================= */

/* =============================================================================
   WooCommerce Checkout — Error notices (e.g. email-already-registered)
   Overrides the default red/pink WooCommerce error box with a glass-card style
   that matches the site's dark-teal aesthetic.

   The notice lives inside:
     .woocommerce > .jet-woo-builder-woocommerce-checkout > .woocommerce-NoticeGroup
   ============================================================================= */

/* =============================================================================
   WooCommerce Inline Notices — Cart & Checkout
   Dark-glass style matching .nf-temp-pw-notice. Applies on BOTH cart and
   checkout pages.  Does NOT affect Toast notices (those are fixed-position
   elements handled separately).

   Header offset: the .woocommerce wrapper can start behind the 100 px fixed
   header when no Elementor section provides top-padding.  Adding margin-top
   to the first notice group inside .woocommerce ensures it clears the header.
   ============================================================================= */

/* Notice group containers — strip WC default red and add the dark base */
.jet-woo-builder-woocommerce-checkout .woocommerce-NoticeGroup,
.jet-woo-builder-woocommerce-checkout .woocommerce-NoticeGroup-checkout,
.jet-woo-builder-woocommerce-cart    .woocommerce-NoticeGroup,
.woocommerce .woocommerce-NoticeGroup,
.woocommerce .woocommerce-NoticeGroup-checkout {
	background: transparent;
	margin:     0;
}

/* Shared dark-glass base for all three WC notice types */
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce-cart    .woocommerce-error,
.woocommerce-cart    .woocommerce-message,
.woocommerce-cart    .woocommerce-info,
.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-info,
.nf-notices .woocommerce-error,
.nf-notices .woocommerce-message,
.nf-notices .woocommerce-info {
	list-style:              none !important;
	margin:                  0 0 16px !important;
	padding:                 14px 18px !important;
	background:              rgba( 4, 18, 42, 0.88 ) !important;
	border:                  1px solid rgba( 36, 176, 186, 0.35 ) !important;
	border-left:             4px solid #24B0BA !important;
	border-radius:           10px !important;
	backdrop-filter:         blur( 12px );
	-webkit-backdrop-filter: blur( 12px );
	box-shadow:              0 0 20px rgba( 36, 176, 186, 0.10 ),
	                         0 4px 16px rgba( 0, 0, 0, 0.45 ) !important;
	color:                   #ffffff !important;
}

/* Errors get gold/amber left accent */
.woocommerce .woocommerce-error,
.woocommerce-cart     .woocommerce-error,
.woocommerce-checkout .woocommerce-error,
.nf-notices .woocommerce-error {
	border-left-color: #ECB62A !important;
}

/* Success messages get green accent */
.woocommerce .woocommerce-message,
.woocommerce-cart     .woocommerce-message,
.woocommerce-checkout .woocommerce-message,
.nf-notices .woocommerce-message {
	border-left-color: #5de8b0 !important;
}

/* List items inside notices */
.woocommerce .woocommerce-error li,
.woocommerce .woocommerce-message li,
.woocommerce .woocommerce-info li,
.woocommerce-cart    .woocommerce-error li,
.woocommerce-cart    .woocommerce-message li,
.woocommerce-cart    .woocommerce-info li,
.woocommerce-checkout .woocommerce-error li,
.woocommerce-checkout .woocommerce-message li,
.woocommerce-checkout .woocommerce-info li {
	list-style: none !important;
	padding:    0;
	margin:     0;
	color:      #ffffff !important;
	font-size:  0.93rem;
}

/* Remove WC default bullet pseudo-element */
.woocommerce .woocommerce-error   li::before,
.woocommerce .woocommerce-message li::before,
.woocommerce .woocommerce-info    li::before,
.woocommerce-cart .woocommerce-error   li::before,
.woocommerce-cart .woocommerce-message li::before,
.woocommerce-cart .woocommerce-info    li::before {
	display: none !important;
}

/* Links inside notices */
.woocommerce .woocommerce-error   a,
.woocommerce .woocommerce-message a,
.woocommerce .woocommerce-info    a,
.woocommerce-cart .woocommerce-error   a,
.woocommerce-cart .woocommerce-message a,
.woocommerce-cart .woocommerce-info    a {
	color:           #24dae8 !important;
	font-weight:     600;
	text-decoration: underline;
}
.woocommerce .woocommerce-error   a:hover,
.woocommerce .woocommerce-message a:hover,
.woocommerce .woocommerce-info    a:hover,
.woocommerce-cart .woocommerce-error   a:hover,
.woocommerce-cart .woocommerce-message a:hover,
.woocommerce-cart .woocommerce-info    a:hover {
	color:           #ffffff !important;
	text-decoration: none;
}

/* .nf-notices fallback container (rendered by NF_WooCommerce::render_fallback_notices)
   — push below fixed 100px header on cart page, where no Elementor section
   provides the top-padding offset that checkout sections have. */
.woocommerce-cart .nf-notices,
body.woocommerce-cart .nf-notices {
	margin-top: 120px;
}

/* Also guard any notice group that is the first direct child of .woocommerce
   on the cart page — same header-clearance fix. */
.woocommerce-cart .woocommerce > .woocommerce-NoticeGroup:first-child,
.woocommerce-cart .woocommerce > .woocommerce-error:first-child,
.woocommerce-cart .woocommerce > .woocommerce-message:first-child,
.woocommerce-cart .woocommerce > .woocommerce-info:first-child {
	margin-top: 120px !important;
}
.checkout-inline-error-message {
    background: #272037;
    color: #ff7979 !important;
    padding: 5px;
}
/* Legacy checkout-specific error rules replaced by the comprehensive block above. */

/* =============================================================================
   Order Received (Thank You) page — quick navigation links
   Rendered by NF_WooCommerce::append_thankyou_nav_links() via
   woocommerce_thankyou_order_received_text filter.
   ============================================================================= */

.nf-thankyou-nav {
	margin-top:  10px;
	font-size:   0.9rem;
	color:       rgba(255, 255, 255, 0.65);
}
.nf-thankyou-nav a {
	color:           var(--nf-teal-2, #24dae8);
	text-decoration: none;
	font-weight:     600;
	transition:      color 0.2s ease;
}
.nf-thankyou-nav a:hover {
	color:           #ffffff;
	text-decoration: underline;
}

/* =============================================================================
   Checkout — Anchor scroll offset fix
   Fixed header hides the targeted field when the error notice anchor is clicked.
   Adding scroll-margin-top to every billing/shipping field wrapper ensures the
   field is visible below the sticky header (approx 80px + 30px breathing room).
   ============================================================================= */

[id$="_field"].form-row,
.woocommerce-checkout .form-row,
#billing_facility_name_field {
	scroll-margin-top: 110px;
}

/* Admin bar adds 32 px */
.admin-bar [id$="_field"].form-row,
.admin-bar .woocommerce-checkout .form-row {
	scroll-margin-top: 142px;
}

/* =============================================================================
   Static on-page WooCommerce notices
   Targets bare <p> blocks that WooCommerce outputs when checkout is blocked
   (e.g. "There are some issues with your cart…") and inline woocommerce-message
   notices outside the toast wrapper (e.g. "Set your password").
   ============================================================================= */

/* Notice block */
.woocommerce > p:not(.woocommerce-password-hint):not(.form-row),
.woocommerce-page > .woocommerce > p:not(.woocommerce-password-hint):not(.form-row) {
	background:              rgba(4, 18, 40, 0.75);
	border:                  1px solid rgba(36, 176, 186, 0.28);
	border-left:             4px solid #edb62b;
	border-radius:           10px;
	color:                   #e8f4f5;
	padding:                 16px 20px;
	margin-bottom:           16px;
	font-size:               0.95rem;
	line-height:             1.5;
	backdrop-filter:         blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

/* Buttons inside those notices */
.woocommerce > p .button,
.woocommerce > p a.button {
	background:  transparent !important;
	border:      1px solid #24B0BA !important;
	color:       #24dae8 !important;
	border-radius: 8px !important;
	padding:     9px 20px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	display:     inline-block !important;
	transition:  background 0.2s ease, color 0.2s ease !important;
	margin-top:  4px !important;
}
.woocommerce > p .button:hover,
.woocommerce > p a.button:hover {
	background: linear-gradient(180deg, #24B0BA, #00abb7) !important;
	color:      #fff !important;
}

/* Inline woocommerce-message (not inside .woocommerce-notices-wrapper toast system)
   e.g. "Set your password" on My Account dashboard */
.woocommerce-account .woocommerce > .woocommerce-message {
	background:              rgba(4, 18, 40, 0.75) !important;
	border:                  1px solid rgba(36, 176, 186, 0.28) !important;
	border-left:             4px solid #edb62b !important;
	border-radius:           10px !important;
	color:                   #e8f4f5 !important;
	padding:                 16px 20px !important;
	backdrop-filter:         blur(10px) !important;
	-webkit-backdrop-filter: blur(10px) !important;
	display:                 flex !important;
	align-items:             center !important;
	justify-content:         space-between !important;
	gap:                     16px !important;
}
.woocommerce-account .woocommerce > .woocommerce-message::before {
	color: #edb62b !important;
}
.woocommerce-account .woocommerce > .woocommerce-message .button {
	background:    linear-gradient(180deg, #edb62b, #d39b05) !important;
	color:         #fff !important;
	border:        1px solid #edb62b !important;
	border-radius: 8px !important;
	padding:       10px 20px !important;
	font-weight:   700 !important;
	white-space:   nowrap !important;
	flex-shrink:   0 !important;
	box-shadow:    0 3px 10px rgba(237, 182, 43, 0.30) !important;
	transition:    filter 0.15s ease !important;
}
.woocommerce-account .woocommerce > .woocommerce-message .button:hover {
	filter: brightness(1.06) !important;
}

/* =============================================================================
   My Account — Orders & Downloads tables
   Dark glass aesthetic matching checkout and view-order page styles.
   ============================================================================= */

/* ── Table base ───────────────────────────────────────────────────────────── */
.woocommerce-MyAccount-orders.shop_table,
.woocommerce-table--order-downloads.shop_table {
	width:           100%;
	border-collapse: collapse;
	color:           rgba(255, 255, 255, 0.88);
	font-size:       0.93rem;
}

/* ── Header — white text on darker background ─────────────────────────────── */
.woocommerce-MyAccount-orders thead tr,
.woocommerce-table--order-downloads thead tr {
	background: rgba(4, 18, 40, 0.90) !important;
}
.woocommerce-MyAccount-orders thead th,
.woocommerce-MyAccount-orders thead th .nobr,
.woocommerce-table--order-downloads thead th,
.woocommerce-table--order-downloads thead th .nobr {
	color:           #ffffff !important;
	font-size:       0.78rem !important;
	font-weight:     700 !important;
	text-transform:  uppercase !important;
	letter-spacing:  0.6px !important;
	padding:         12px 16px !important;
	border-bottom:   1px solid rgba(36, 176, 186, 0.40) !important;
}

/* ── Body rows ────────────────────────────────────────────────────────────── */
.woocommerce-MyAccount-orders tbody td,
.woocommerce-table--order-downloads tbody td {
	padding:        12px 16px !important;
	border-bottom:  1px solid rgba(36, 176, 186, 0.12) !important;
	color:          rgba(255, 255, 255, 0.85) !important;
	vertical-align: middle !important;
}
.woocommerce-MyAccount-orders tbody tr:last-child td,
.woocommerce-table--order-downloads tbody tr:last-child td {
	border-bottom: none !important;
}
.woocommerce-MyAccount-orders tbody tr:nth-child(even),
.woocommerce-table--order-downloads tbody tr:nth-child(even) {
	background: rgba(36, 176, 186, 0.04) !important;
}

/* Links in table body */
.woocommerce-MyAccount-orders tbody td a:not(.button),
.woocommerce-table--order-downloads tbody td a:not(.button) {
	color:           var(--nf-teal-2, #24dae8) !important;
	text-decoration: none !important;
}
.woocommerce-MyAccount-orders tbody td a:not(.button):hover,
.woocommerce-table--order-downloads tbody td a:not(.button):hover {
	text-decoration: underline !important;
}

/* ── Orders: View button (orange/gold) ────────────────────────────────────── */
.woocommerce-MyAccount-orders a.button.view,
.woocommerce-MyAccount-orders .woocommerce-button.view {
	background:      linear-gradient(180deg, #edb62b, #d39b05) !important;
	color:           #fff !important;
	border:          1px solid #edb62b !important;
	border-radius:   8px !important;
	padding:         8px 18px !important;
	font-size:       0.85rem !important;
	font-weight:     700 !important;
	letter-spacing:  0.3px !important;
	text-decoration: none !important;
	display:         inline-block !important;
	white-space:     nowrap !important;
	box-shadow:      0 3px 10px rgba(237, 182, 43, 0.28) !important;
	transition:      filter 0.15s ease, box-shadow 0.15s ease !important;
}
.woocommerce-MyAccount-orders a.button.view:hover,
.woocommerce-MyAccount-orders .woocommerce-button.view:hover {
	filter:     brightness(1.07) !important;
	box-shadow: 0 5px 16px rgba(237, 182, 43, 0.42) !important;
}

/* ── Downloads: file download button (orange/gold) ───────────────────────── */
a.woocommerce-MyAccount-downloads-file.button,
.woocommerce-MyAccount-downloads-file.button {
	background:      linear-gradient(180deg, #edb62b, #d39b05) !important;
	color:           #fff !important;
	border:          1px solid #edb62b !important;
	border-radius:   8px !important;
	padding:         8px 18px !important;
	font-size:       0.85rem !important;
	font-weight:     700 !important;
	text-decoration: none !important;
	display:         inline-block !important;
	white-space:     nowrap !important;
	box-shadow:      0 3px 10px rgba(237, 182, 43, 0.28) !important;
	transition:      filter 0.15s ease, box-shadow 0.15s ease !important;
}
a.woocommerce-MyAccount-downloads-file.button:hover {
	filter:     brightness(1.07) !important;
	box-shadow: 0 5px 16px rgba(237, 182, 43, 0.42) !important;
}

/* =============================================================================
   My Account — View-order "Back to My Orders" button  (#show-orders)
   Rendered by PHP (woocommerce_order_details_before_order_table hook).
   JS injects a fallback only if the PHP version is absent.
   ============================================================================= */

#show-orders {
	display: inline-flex;
}

.nf-back-to-orders {
	display:         inline-flex;
	align-items:     center;
	gap:             6px;
	background:      transparent;
	border:          1px solid rgba(36, 176, 186, 0.50);
	border-radius:   8px;
	color:           #24dae8;
	font-size:       0.88rem;
	font-weight:     600;
	padding:         9px 18px;
	text-decoration: none;
	margin-bottom:   20px;
	transition:      background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.nf-back-to-orders::before {
	content: '←';
	font-size: 1rem;
}
.nf-back-to-orders:hover {
	background:    rgba(36, 176, 186, 0.12);
	border-color:  rgba(36, 176, 186, 0.80);
	color:         #ffffff;
	text-decoration: none;
}

/* =============================================================================
   Checkout — JotForm pre-filled field indicator (.nf-prefilled)
   Fields locked read-only via JS when billing params arrive in the URL.
   ============================================================================= */

input.nf-prefilled,
input.nf-prefilled:focus {
	opacity:        0.72;
	cursor:         not-allowed;
	border-color:   rgba(36, 176, 186, 0.25) !important;
	background:     rgba(4, 18, 40, 0.85) !important;
}

/* =============================================================================
   .nf-elementor-form — Elementor Form Widget
   Styled to match WooCommerce checkout input fields (dark glass aesthetic).
   ============================================================================= */

/* ── Input & textarea fields ──────────────────────────────────────────────── */
.nf-elementor-form .elementor-field-textual {
	background:    rgba(4, 18, 40, 0.65);
	border:        1px solid rgba(36, 176, 186, 0.35);
	border-radius: 8px;
	color:         #ffffff;
	font-size:     0.93rem;
	height:        46px;
	line-height:   44px;
	padding:       0 14px;
	box-sizing:    border-box;
	width:         100%;
	box-shadow:    inset 0 1px 3px rgba(0, 0, 0, 0.18);
	transition:    border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Textarea — auto height */
.nf-elementor-form textarea.elementor-field-textual {
	height:      auto;
	line-height: 1.55;
	padding:     12px 14px;
	min-height:  90px;
}

/* ── Hover ────────────────────────────────────────────────────────────────── */
.nf-elementor-form .elementor-field-textual:hover {
	border-color: rgba(36, 176, 186, 0.55);
}

/* ── Focus ────────────────────────────────────────────────────────────────── */
.nf-elementor-form .elementor-field-textual:focus {
	border-color: rgba(36, 176, 186, 0.75);
	box-shadow:   0 0 0 3px rgba(36, 176, 186, 0.18);
	outline:      none;
	background:   rgba(255, 255, 255, 0.10);
}

/* ── Placeholder text ─────────────────────────────────────────────────────── */
.nf-elementor-form .elementor-field-textual::placeholder {
	color:   rgba(255, 255, 255, 0.58);
	opacity: 1;
}
.nf-elementor-form .elementor-field-textual::-webkit-input-placeholder {
	color:   rgba(255, 255, 255, 0.58);
	opacity: 1;
}
.nf-elementor-form .elementor-field-textual:-ms-input-placeholder {
	color:   rgba(255, 255, 255, 0.58);
	opacity: 1;
}

/* ── Labels ───────────────────────────────────────────────────────────────── */
.nf-elementor-form .elementor-field-label {
	color:          rgba(255, 255, 255, 0.75);
	font-size:      0.82rem;
	font-weight:    600;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	margin-bottom:  5px;
}

/* ── Submit button — gold gradient pill ───────────────────────────────────── */
.nf-elementor-form .elementor-button[type="submit"],
.nf-elementor-form .elementor-button {
	background:     linear-gradient(180deg, #edb62b, #d39b05);
	color:          #fff;
	border:         1px solid #edb62b;
	border-radius:  8px;
	padding:        14px 28px;
	font-size:      1rem;
	font-weight:    700;
	letter-spacing: 0.3px;
	cursor:         pointer;
	box-shadow:     0 4px 14px rgba(237, 182, 43, 0.35);
	transition:     filter 0.15s ease, box-shadow 0.15s ease;
	width:          auto;
}
.nf-elementor-form .elementor-button[type="submit"]:hover,
.nf-elementor-form .elementor-button:hover {
	filter:     brightness(1.06);
	box-shadow: 0 6px 20px rgba(237, 182, 43, 0.45);
}
.nf-elementor-form .elementor-button[type="submit"]:active,
.nf-elementor-form .elementor-button:active {
	transform: translateY(1px);
}

/* ── Standalone bulk-pricing form (non-product-page shortcode) ────────────── */
.nf-bulk-pricing-standalone {
	display:         flex;
	flex-direction:  column;
	align-items:     center;
	gap:             12px;
}

.nf-bulk-pricing-standalone .nf-bulk-pricing-wrap {
	width: 100%;
}

.nf-bulk-pricing-standalone .nf-bulk-pricing-label {
	display:        block;
	text-align:     center;
	font-weight:    700;
	font-size:      0.9rem;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	margin-bottom:  8px;
}

.nf-bulk-pricing-standalone .nf-bulk-tier-select {
	width:            100%;
	background-color: #fff;
	color:            #1a1a1a;
	border:           1px solid #ddd;
	border-radius:    6px;
	padding:          10px 36px 10px 12px;
	font-size:        0.95rem;
	appearance:       none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23555' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
	background-repeat:   no-repeat;
	background-position: right 12px center;
	cursor:           pointer;
}

.nf-bulk-pricing-actions {
	display:     flex;
	align-items: center;
	gap:         8px;
	width:       100%;
}

.nf-bulk-qty-display {
	width:         64px;
	text-align:    center;
	border:        1px solid #ddd;
	border-radius: 6px;
	padding:       10px 8px;
	font-size:     0.95rem;
	background:    #fff;
	color:         #1a1a1a;
	flex-shrink:   0;
}

.nf-bulk-pricing-standalone .single_add_to_cart_button {
	flex:          1;
	margin:        0;
}

/* ── Product 5103 (License Renewal Subscription) ─────────────────────────────
   The [nf_subscription_length] shortcode renders its own complete Add to Cart
   form. Hide the Elementor WooCommerce Add to Cart widget wherever product 5103
   appears — both on its single product page and inside Jet Listing grids. */

/* Single product page (body class) */
.postid-5103 .elementor-widget-woocommerce-product-add-to-cart {
	display: none !important;
}

/* Jet Listing / shop grid (jet-listing-dynamic-post-{id} on the card wrapper) */
.jet-listing-dynamic-post-5103 .elementor-widget-woocommerce-product-add-to-cart {
	display: none !important;
}

/* Product 199 (AI Profiler Credits): nf-bulk-pricing-listing provides its own
   button in listing contexts — hide the Elementor WC Add to Cart widget to avoid
   a second button appearing. */
.jet-listing-dynamic-post-199 .elementor-widget-woocommerce-product-add-to-cart {
	display: none !important;
}

/* Hide the standard WC quantity input and its paired Add to Cart button on
   product 5103 wherever the standard form.cart renders — the [nf_subscription_length]
   shortcode is the only purchase path and it controls quantity internally. */
.postid-5103 form.cart .quantity,
.postid-5103 form.cart .single_add_to_cart_button,
.jet-listing-dynamic-post-5103 form.cart .quantity,
.jet-listing-dynamic-post-5103 form.cart .single_add_to_cart_button {
	display: none !important;
}

/* ── Product 5103 subscription form button + product 199 listing button ───────
   Base appearance and hover are now defined in the child theme style.css under
   "SHOP BUTTON UNIFICATION". Only structural properties are set here. */
.nf-subscription-length-form .single_add_to_cart_button,
.nf-bulk-pricing-listing .nf-bulk-listing-btn {
	display:    block;
	width:      100%;
	margin-top: 4px;
}

/* ── Mini cart / slideout item meta — prevent "2\nyears" line wrapping ────────
   WooCommerce renders item data in <dl><dt>key</dt><dd>value</dd></dl>.
   The narrow mini cart container can break "2 years" across two lines.
   white-space: nowrap on the <dd> keeps the value on a single line.     */
.woocommerce-mini-cart-item .variation dd,
.woocommerce-mini-cart-item dl.variation dd {
	white-space: nowrap;
}

/* =============================================================================
   My Account Downloads — "Browse products" button + notice layout fix
   ============================================================================= */

/* Fix icon stacking above the "No downloads available yet." text —
   WooCommerce wraps the notice in a flex column; force it to a row. */
.woocommerce-MyAccount-downloads .woocommerce-message,
.woocommerce-MyAccount-downloads .woocommerce-info,
.jet-woo-builder .woocommerce-message,
.jet-woo-builder .woocommerce-info {
	display:     flex !important;
	align-items: center !important;
	gap:         14px !important;
	flex-wrap:   wrap;
}

/* Style the "Browse products" button to match site CTA style */
.woocommerce-MyAccount-downloads .wc-forward,
.jet-woo-builder .wc-forward,
a.wc-forward.button {
	background:      linear-gradient( 135deg, #1a8f9c 0%, #24B0BA 55%, #1e9aa8 100% ) !important;
	color:           #ffffff !important;
	border:          none !important;
	border-radius:   8px !important;
	padding:         10px 22px !important;
	font-weight:     700 !important;
	font-size:       0.9rem !important;
	text-decoration: none !important;
	box-shadow:      0 0 16px rgba( 36, 176, 186, 0.30 ), 0 3px 10px rgba( 0,0,0,0.35 ) !important;
	transition:      filter 0.15s, box-shadow 0.15s !important;
	white-space:     nowrap;
	flex-shrink:     0;
}
.woocommerce-MyAccount-downloads .wc-forward:hover,
.jet-woo-builder .wc-forward:hover,
a.wc-forward.button:hover {
	filter:     brightness( 1.1 ) !important;
	box-shadow: 0 0 24px rgba( 36, 176, 186, 0.50 ), 0 4px 14px rgba( 0,0,0,0.40 ) !important;
	color:      #ffffff !important;
}

/* =============================================================================
   My Account — Role-based tab visibility
   Technical FAQ   → customer-only (no clinician, no research role)
   Product Resources → clinician OR research users
   WordPress outputs body classes role-customer / role-clinician / role-research
   automatically — no PHP needed.
   ============================================================================= */

/* Hide "Product Resources" tab button for customers who are NOT clinician/research */
body.woocommerce-account.role-customer:not(.role-clinician):not(.role-research)
  #product-resources {
    display: none !important;
}

/* Hide "Technical FAQ" tab button for clinician or research users */
body.woocommerce-account.role-clinician #technical-faq,
body.woocommerce-account.role-research  #technical-faq {
    display: none !important;
}

/* Also hide the corresponding panel content for the hidden tab so it can
   never accidentally render when the tab button is not displayed. */
body.woocommerce-account.role-customer:not(.role-clinician):not(.role-research)
  [aria-labelledby="product-resources"] {
    display: none !important;
}
body.woocommerce-account.role-clinician [aria-labelledby="technical-faq"],
body.woocommerce-account.role-research  [aria-labelledby="technical-faq"] {
    display: none !important;
}

/* =============================================================================
   Downloads tab — compact download buttons
   Overrides the default larger padding on .nf-genesis-download-btn so all
   three shortcodes ([nf_imported_resources] [nf_programonly] [nf_genesis_download])
   render as small, tightly-padded buttons.
   ============================================================================= */
.nf-genesis-download-btn {
	padding:   5px 12px !important;
	font-size: 0.85rem !important;
}

/* =============================================================================
   Account Downloads (Jet widget) — "Browse products" button
   Targets the woocommerce-Button inside the jet-myaccount-downloads widget.
   ============================================================================= */
.elementor-jet-myaccount-downloads .woocommerce-Button,
.elementor-jet-myaccount-downloads a.button {
	background:      linear-gradient( 135deg, #1a8f9c 0%, #24B0BA 55%, #1e9aa8 100% ) !important;
	color:           #ffffff !important;
	border:          none !important;
	border-radius:   8px !important;
	padding:         5px 14px !important;
	font-weight:     700 !important;
	font-size:       0.85rem !important;
	text-decoration: none !important;
	box-shadow:      0 2px 8px rgba( 36, 176, 186, 0.30 ) !important;
	transition:      filter 0.15s !important;
	white-space:     nowrap;
}
.elementor-jet-myaccount-downloads .woocommerce-Button:hover,
.elementor-jet-myaccount-downloads a.button:hover {
	filter:  brightness( 1.1 ) !important;
	color:   #ffffff !important;
}