.woocommerce-notices-wrapper {
max-width: 7xl;
margin: 0 auto;
padding: 0 1rem;
} .single-product .woocommerce-notices-wrapper {
display: none !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
} .single-product #primary {
margin: 0 !important;
padding: 0 !important;
}
.single-product .site-main {
margin: 0 !important;
padding: 0 !important;
} .single-product body {
padding-top: 80px !important;
}
@media (max-width: 768px) {
.single-product body {
padding-top: 70px !important;
}
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
background: white;
border: none;
border-radius: 0.5rem;
padding: 1rem;
margin-bottom: 1rem;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.woocommerce-message {
border-left: 4px solid #059669;
}
.woocommerce-info {
border-left: 4px solid #0284c7;
}
.woocommerce-error {
border-left: 4px solid var(--audiofix-red);
} .woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
background: var(--audiofix-red);
color: white;
padding: 0.75rem 1.5rem;
border-radius: 0.5rem;
font-weight: 500;
transition: all 0.3s ease;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
background: #d11525;
color: white;
transform: translateY(-1px);
} .woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
padding: 0.75rem;
border: 1px solid #e2e8f0;
border-radius: 0.5rem;
transition: all 0.3s ease;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
border-color: var(--audiofix-red);
outline: none;
box-shadow: 0 0 0 3px rgba(230, 28, 44, 0.1);
} .woocommerce div.product form.cart .variations {
margin-bottom: 1rem;
}
.woocommerce div.product form.cart .variations td {
padding: 0.5rem 0;
vertical-align: middle;
}
.woocommerce div.product form.cart .variations select {
padding: 0.5rem;
border: 1px solid #e2e8f0;
border-radius: 0.5rem;
background: white;
min-width: 200px;
}
.woocommerce div.product form.cart .variations label {
font-weight: 500;
color: var(--audiofix-text);
}
.reset_variations {
display: inline-block;
margin-top: 0.5rem;
color: var(--audiofix-red);
font-size: 0.875rem;
} .woocommerce .quantity .qty {
width: 5rem;
padding: 0.5rem;
border: 1px solid #e2e8f0;
border-radius: 0.5rem;
text-align: center;
} .woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0;
margin: 0;
border-bottom: 1px solid #e2e8f0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
background: none;
border: none;
padding: 0;
margin: 0 2rem 0 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
padding: 1rem 0;
font-weight: 500;
color: var(--audiofix-text);
border-bottom: 2px solid transparent;
transition: all 0.3s ease;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: var(--audiofix-red);
border-bottom-color: var(--audiofix-red);
} .woocommerce nav.woocommerce-pagination {
margin: 2rem 0;
}
.woocommerce nav.woocommerce-pagination ul {
border: none;
}
.woocommerce nav.woocommerce-pagination ul li {
border: none;
margin: 0 0.25rem;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
padding: 0.75rem 1rem;
background: white;
border-radius: 0.5rem;
color: var(--audiofix-text);
transition: all 0.3s ease;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
background: #f8fafc;
color: var(--audiofix-red);
}
.woocommerce nav.woocommerce-pagination ul li span.current {
background: var(--audiofix-red);
color: white;
} .woocommerce table.shop_table {
border: none;
border-radius: 0.5rem;
background: white;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.woocommerce table.shop_table th {
padding: 1rem;
font-weight: 500;
text-transform: uppercase;
font-size: 0.875rem;
color: var(--audiofix-text);
}
.woocommerce table.shop_table td {
padding: 1rem;
border-top: 1px solid #e2e8f0;
}
.woocommerce-cart table.cart img {
width: 80px;
border-radius: 0.5rem;
}
.woocommerce-cart table.cart .product-remove a.remove {
color: var(--audiofix-red) !important;
background: #fee2e2;
}
.woocommerce-cart table.cart .product-remove a.remove:hover {
background: var(--audiofix-red);
color: white !important;
} .widget_shopping_cart .mini_cart_item {
padding: 1rem !important;
border-bottom: 1px solid #e2e8f0;
}
.widget_shopping_cart .mini_cart_item a.remove {
color: var(--audiofix-red) !important;
background: #fee2e2;
}
.widget_shopping_cart .mini_cart_item a.remove:hover {
background: var(--audiofix-red);
color: white !important;
}
.widget_shopping_cart .total {
padding: 1rem !important;
border-top: 1px solid #e2e8f0;
margin: 0;
}
.widget_shopping_cart .buttons {
padding: 1rem;
margin: 0;
display: grid;
grid-gap: 0.5rem;
} @media (max-width: 768px) {
.woocommerce div.product div.images,
.woocommerce div.product div.summary {
width: 100%;
float: none;
}
.woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before {
font-weight: 500;
color: var(--audiofix-text);
}
} .woocommerce-cart,
.woocommerce-checkout {
padding-top: 100px !important;
} .woocommerce-cart .site-main {
margin-top: 0 !important;
padding-top: 0 !important;
} .audiofix-checkout-container {
margin-top: 0;
padding-top: 2rem;
}
.audiofix-checkout-container .woocommerce-checkout {
width: 100%;
max-width: 100%;
overflow-x: hidden;
} .checkout-billing-fields .woocommerce-billing-fields__field-wrapper,
.checkout-shipping-fields .woocommerce-shipping-fields__field-wrapper {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
}
@media (min-width: 768px) {
.checkout-billing-fields .woocommerce-billing-fields__field-wrapper,
.checkout-shipping-fields .woocommerce-shipping-fields__field-wrapper {
grid-template-columns: repeat(2, 1fr);
}
.checkout-billing-fields .form-row-wide,
.checkout-shipping-fields .form-row-wide {
grid-column: 1 / -1;
}
} .audiofix-checkout-container .form-row {
margin: 0 0 1rem 0;
padding: 0;
}
.audiofix-checkout-container .form-row label {
display: block;
margin-bottom: 0.5rem;
font-size: 0.875rem;
font-weight: 500;
color: #374151;
}
.audiofix-checkout-container .form-row .input-text,
.audiofix-checkout-container .form-row select,
.audiofix-checkout-container .form-row textarea {
width: 100%;
padding: 0.75rem;
border: 1px solid #D1D5DB;
border-radius: 0.5rem;
font-size: 1rem;
line-height: 1.5;
transition: all 0.2s;
background-color: #fff;
}
.audiofix-checkout-container .form-row .input-text:focus,
.audiofix-checkout-container .form-row select:focus,
.audiofix-checkout-container .form-row textarea:focus {
outline: none;
border-color: #EF4444;
box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
} .order-notes-field {
margin-top: 1rem;
} .audiofix-checkout-container #payment {
background: transparent !important;
border: none !important;
border-radius: 0.5rem;
margin-top: 1.5rem;
}
.audiofix-checkout-container #payment .payment_methods {
padding: 0 !important;
border: none !important;
background: transparent !important;
}
.audiofix-checkout-container #payment .payment_methods li {
padding: 1rem !important;
margin-bottom: 0.75rem !important;
background: #F9FAFB !important;
border: 1px solid #E5E7EB !important;
border-radius: 0.5rem !important;
list-style: none !important;
}
.audiofix-checkout-container #payment .payment_methods li input[type="radio"] {
margin-right: 0.5rem;
}
.audiofix-checkout-container #payment .payment_methods li label {
font-weight: 500;
color: #374151;
cursor: pointer;
}
.audiofix-checkout-container #payment .payment_methods li.payment_method_paypal img {
max-height: 40px;
margin-left: 0.5rem;
} .audiofix-checkout-container #place_order {
width: 100% !important;
background-color: #EF4444 !important;
color: white !important;
padding: 1rem 1.5rem !important;
border-radius: 0.5rem !important;
border: none !important;
font-size: 1.125rem !important;
font-weight: 600 !important;
cursor: pointer !important;
transition: all 0.3s !important;
margin-top: 1rem !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.audiofix-checkout-container #place_order:hover {
background-color: #DC2626 !important;
transform: translateY(-1px);
}
.audiofix-checkout-container #place_order:before {
content: "\f023";
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-right: 0.5rem;
} .audiofix-checkout-container .woocommerce-checkout-review-order-table {
width: 100%;
margin-bottom: 1.5rem;
border-collapse: collapse;
}
.audiofix-checkout-container .woocommerce-checkout-review-order-table th,
.audiofix-checkout-container .woocommerce-checkout-review-order-table td {
padding: 1rem 0;
border-bottom: 1px solid #E5E7EB;
text-align: left;
}
.audiofix-checkout-container .woocommerce-checkout-review-order-table thead th {
text-transform: uppercase;
font-size: 0.75rem;
font-weight: 600;
color: #6B7280;
}
.audiofix-checkout-container .woocommerce-checkout-review-order-table tbody td {
font-size: 0.875rem;
color: #374151;
}
.audiofix-checkout-container .woocommerce-checkout-review-order-table .cart-subtotal td,
.audiofix-checkout-container .woocommerce-checkout-review-order-table .order-total td {
text-align: right;
}
.audiofix-checkout-container .woocommerce-checkout-review-order-table .order-total td {
font-weight: 600;
color: #111827;
font-size: 1.125rem;
} .audiofix-checkout-container .woocommerce-checkout-review-order-table img {
width: 50px;
height: 50px;
object-fit: cover;
border-radius: 0.375rem;
margin-right: 0.75rem;
} @media (max-width: 1023px) {
.audiofix-checkout-container .sticky {
position: static !important;
}
}