/*!
Theme Name: FXrk
Theme URI: http://underscores.me/
Author: FXrk
Author URI: https://www.fxrk.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: fxrk
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

FXrk is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.iti {
	width: 100%;
}
.billing-widget {
	z-index: 15;
}
.woocommerce-order-pay table.shop_table .product-name {
    font-size: 16px !important;
}
.woocommerce-order-pay button#place_order {
    padding: 14px 30px;
    font-size: 16px;
    font-weight: 500;
    background: #4050FE;
    border: none;
    color: #fff;
    border-radius: 30px;
}
.iti__country {
    color: #000;
}
.iti__search-input {
    color: #000 !important;
}
.iti__selected-country {
    background-color: #142020;
    padding: 0 7px;
    border-radius: 10px 0 0 10px;
}

.woocommerce-checkout table.shop_table thead th, .woocommerce-checkout table.shop_table thead td, .woocommerce-checkout table.shop_table tfoot th, .woocommerce-checkout table.shop_table tfoot td {
    padding: 10px !important;
    font-weight: 500 !important;
}
.fxrk-discount-row th {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
tr.fxrk-discount-row {
    background: linear-gradient(90deg, rgba(4, 33, 27, 1) 0%, rgba(17, 47, 42, 1) 94%);
}
.fxrk-discount-row td {
    border-bottom-right-radius: 10px !important;
    border-top-right-radius: 10px !important;
}
.cart-discount th {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
tr.cart-discount {
    background: linear-gradient(90deg, rgba(4, 33, 27, 1) 0%, rgba(17, 47, 42, 1) 94%);
}
.cart-discount td {
    border-bottom-right-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    background-color: white!important;
}
#billing_email::placeholder {
    color: #fff !important;
}
.payment_box.payment_method_bridgerpay_gateway { display: none !important; }
.payment_box.payment_method_bridgerpay_gateway:has(*) { display: block !important; }
td.woocommerce-table__product-name.product-name a {
    pointer-events: none !important;
}
.check-btns {
    display: inline-block !important;width: auto !important;   
    padding: 12px 25px;
    border-radius: 10px;
    color: #000;
    text-decoration: none;
    font-weight: 600;

    /* gradient animation */
    background: linear-gradient(104.3deg, #84F0BD 24.8%, #0FFF97 70.2%) !important;
    background-size: 200% 100%;
    background-position: left center;
    transition: background-position 0.6s ease-in-out;
}

.check-btns:hover {
    background-position: right center;
}
.account-item button b {
    color: var(--white-color);
    background: linear-gradient(96.15deg, #F57878 8.5%, #FF4040 51.11%, #F22C2C 96.25%);
    border-bottom: 0.5px solid #801D0C;
    -webkit-box-shadow: 0px 2px 7px rgba(64, 30, 11, 0.3), 0px 0px 4px rgba(236, 7, 7, 0.4), 0px 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 7px rgba(64, 30, 11, 0.3), 0px 0px 4px rgba(236, 7, 7, 0.4), 0px 1px 2px rgba(0, 0, 0, 0.1);
}

tr.fxrk-discount-row th {
    color: #13F287!important;
}
tr.fxrk-discount-row td {
    color: #13F287!important;
}
.fxrk-discount-row td
{
background:transparent!important;
	color: #13F287 !important;
}
.fxrk-discount-row th
{
	color: #13F287 !important;
background:transparent!important;
}
.woocommerce-checkout table.shop_table .product-total .woocommerce-Price-amount {
    font-size: 15px;
    font-weight: 600;
    color: var(--title-color);
}
.variation dd p {
    display: inline;
    margin: 0;
    color: var(--theme-color);
    font-weight: 400;
    font-size: 15px;
}
tr.order-total th {
    font-size: 18px !important;
}
tr.order-total td {
    font-size: 18px !important;
}

tr.fee.fxrk-discount-row th:first-child {
    color: #16f388 !important;
}

tr.fee.fxrk-discount-row .woocommerce-Price-amount bdi, tr.fee.fxrk-discount-row strong {
    color: #08f489 !important;
}
div#wc_checkout_add_ons
{
	display:block
}
/* === FORCE NATIVE CHECKBOXES FOR ADD-ONS ONLY === */
.account-item.addons input.input-checkbox {
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;

    background: initial !important;
    border: initial !important;
    box-shadow: none !important;

    width: auto !important;
    height: auto !important;
    margin-right: 6px;
}

/* === DISABLE THEME'S FAKE CHECKMARKS (LABEL-BASED) === */
.account-item.addons label.checkbox {
    background: none !important;
}

.account-item.addons label.checkbox::before,
.account-item.addons label.checkbox::after {
    display: none !important;
}

/* === PREVENT ROW-LEVEL "CHECKED" STATE FROM AFFECTING ALL === */
.account-item.addons .form-row {
    background: none !important;
}

.account-item.addons .form-row.checked {
    background: none !important;
}
/* Base addon label styling (optional but recommended) */
.addon-items input[type="checkbox"] + label {
    display: block;
    padding: 14px 16px;
    margin-bottom: 10px;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.25s ease;
}

/* Checked state */
.addon-items input[type="checkbox"]:checked + label {
    background: linear-gradient(270deg, #52BFE0 0%, #46F5AB 100%) !important;
    box-shadow: -6px 10px 18px rgba(0, 0, 0, 0.45), inset 0px 0px 8.3px rgba(0, 254, 25, 0.28);
    backdrop-filter: blur(13.3116px);
    -webkit-backdrop-filter: blur(13.3116px);
    color: #000;
}
.addon-items input[type="checkbox"]:checked + label span {
    color: #000;
}
/* Optional: slightly lift on hover */
.addon-items input[type="checkbox"]:checked + label:hover {
    transform: translateY(-1px);
}
.account-item.addons label.checkbox {
    background: none !important;
    box-shadow: -6px 10px 18px rgba(0, 0, 0, 0.45), inset 0px 0px 8.3px rgba(0, 254, 25, 0.28);
    backdrop-filter: blur(13.3116px);
    -webkit-backdrop-filter: blur(13.3116px);
    padding: 18px;
    font-weight: 600;
}