/*
Theme Name: Creative Theme
Theme URI: https://creative.com
Author: Creative Template
Author URI: https://creative.com
Description: Premium HTML template marketplace theme with WooCommerce integration. Features modern design with Tailwind CSS, product showcase, blog, and full e-commerce functionality.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: creative-theme
Tags: e-commerce, blog, custom-logo, custom-menu, featured-images, theme-options, translation-ready, woocommerce

Creative Theme is a premium WordPress theme designed for selling digital products
like HTML templates, themes, and design assets. Built with Tailwind CSS for
modern, responsive design.
*/

/* Additional WordPress-specific styles */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* WordPress alignment classes */
.alignleft {
    float: left;
    margin-right: 1.5rem;
    margin-bottom: 1rem;
}

.alignright {
    float: right;
    margin-left: 1.5rem;
    margin-bottom: 1rem;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
}

.alignwide {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.alignfull {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}

/* WordPress image captions */
.wp-caption {
    max-width: 100%;
    margin-bottom: 1rem;
}

.wp-caption img {
    display: block;
    max-width: 100%;
    height: auto;
}

.wp-caption-text {
    font-size: 0.875rem;
    color: #6b7280;
    margin-top: 0.5rem;
    text-align: center;
}

/* WordPress gallery */
.gallery {
    display: grid;
    grid-gap: 1rem;
    margin-bottom: 1.5rem;
}

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.gallery-item {
    margin: 0;
}

.gallery-item img {
    width: 100%;
    height: auto;
    border-radius: 0.5rem;
}

/* Post navigation */
.post-navigation,
.posts-navigation {
    margin: 2rem 0;
    padding: 1rem 0;
    border-top: 1px solid #e5e7eb;
}

.nav-links {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.nav-previous,
.nav-next {
    flex: 1;
}

.nav-next {
    text-align: right;
}

/* Comments */
.comment-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.comment {
    padding: 1.5rem 0;
    border-bottom: 1px solid #e5e7eb;
}

.comment .children {
    list-style: none;
    padding-left: 2rem;
    margin-top: 1rem;
}

.comment-author {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.comment-author img {
    border-radius: 9999px;
}

.comment-author .fn {
    font-weight: 600;
}

.comment-metadata {
    font-size: 0.875rem;
    color: #6b7280;
    margin-bottom: 0.75rem;
}

.comment-content {
    line-height: 1.75;
}

.reply {
    margin-top: 0.75rem;
}

.reply a {
    font-size: 0.875rem;
    color: #4f46e5;
}

/* Contact Form 7 custom styles */
.wpcf7-form {
    max-width: 100%;
}

.wpcf7-form label {
    display: block;
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.5rem;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="url"],
.wpcf7-form select,
.wpcf7-form textarea {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    font-size: 1rem;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.wpcf7-form input:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus {
    outline: none;
    border-color: #4f46e5;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
}

.wpcf7-form textarea {
    min-height: 150px;
    resize: vertical;
}

.wpcf7-form input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 2rem;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(to right, #4f46e5, #a855f7);
    border: none;
    border-radius: 9999px;
    cursor: pointer;
    transition: transform 0.15s, box-shadow 0.15s;
}

.wpcf7-form input[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.wpcf7-form .wpcf7-acceptance {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.wpcf7-form .wpcf7-acceptance input[type="checkbox"] {
    width: auto;
    margin-top: 0.25rem;
}

.wpcf7-not-valid-tip {
    color: #ef4444;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.wpcf7-response-output {
    margin: 1rem 0;
    padding: 1rem;
    border-radius: 0.5rem;
}

.wpcf7-mail-sent-ok {
    background-color: #d1fae5;
    border: 1px solid #10b981;
    color: #065f46;
}

.wpcf7-validation-errors {
    background-color: #fee2e2;
    border: 1px solid #ef4444;
    color: #991b1b;
}

/* WooCommerce overrides will be in separate file */
/* CodeFlicks header button */
.btn-codeflicks {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    background: linear-gradient(135deg, #ff6b35, #f7931e);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border-radius: 8px;
    text-decoration: none;
    border: none;
    transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.35);
    white-space: nowrap;
}

.btn-codeflicks:hover {
    background: linear-gradient(135deg, #e55a25, #e07f10);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(255, 107, 53, 0.45);
}

/* Hide short descriptions in cart */
.wc-block-components-product-metadata__description,
.woocommerce-cart-form .cart_item .product-name .woocommerce-product-details__short-description,
.woocommerce-cart-form .woocommerce-product-details__short-description,
.cart_item .woocommerce-product-details__short-description,
.cart_item .wc-block-components-product-metadata__description {
    display: none !important;
}

/* Show full product image without cropping */
.wc-block-cart-items__row .wc-block-cart-item__image img,
.wc-block-components-product-image img,
.cart_item img,
.woocommerce-cart-form__cart-item img {
    object-fit: contain !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
}

.wc-block-cart-items__row .wc-block-cart-item__image,
.wc-block-components-product-image {
    overflow: visible !important;
}

/* Style the cart checkout button - WooCommerce Blocks */
.wc-block-cart__submit-button,
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button,
button.wc-block-cart__submit-button.contained,
.wc-proceed-to-checkout .checkout-button,
.wc-proceed-to-checkout a.checkout-button {
    display: inline-block !important;
    padding: 0.75rem 1.5rem !important;
    background: linear-gradient(to right, #4f46e5, #7c3aed, #d946ef) !important;
    color: white !important;
    font-weight: 600 !important;
    border-radius: 0.75rem !important;
    text-align: center !important;
    width: 100% !important;
    transition: all 0.3s !important;
    border: none !important;
    text-decoration: none !important;
}

.wc-block-cart__submit-button:hover,
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button:hover,
button.wc-block-cart__submit-button.contained:hover,
.wc-proceed-to-checkout .checkout-button:hover,
.wc-proceed-to-checkout a.checkout-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 25px rgba(79, 70, 229, 0.3) !important;
    background: linear-gradient(to right, #4338ca, #6d28d9, #c026d3) !important;
}

/* Style the checkout place order button - WooCommerce Blocks */
.wc-block-components-checkout-place-order-button,
.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button,
button.wc-block-components-checkout-place-order-button.contained,
.wc-block-components-checkout-place-order-button.wc-block-components-button {
    display: inline-block !important;
    padding: 0.75rem 2rem !important;
    background: linear-gradient(to right, #4f46e5, #7c3aed, #d946ef) !important;
    color: white !important;
    font-weight: 600 !important;
    border-radius: 0.75rem !important;
    text-align: center !important;
    width: auto !important;
    min-width: 250px !important;
    transition: all 0.3s !important;
    border: none !important;
    text-decoration: none !important;
}

.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button:hover,
button.wc-block-components-checkout-place-order-button.contained:hover,
.wc-block-components-checkout-place-order-button.wc-block-components-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 25px rgba(79, 70, 229, 0.3) !important;
    background: linear-gradient(to right, #4338ca, #6d28d9, #c026d3) !important;
}

/* Center text inside place order button */
.wc-block-components-checkout-place-order-button .wc-block-components-checkout-place-order-button__text {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* My Account Page Layout - Navigation Left, Content Right */
.woocommerce-account .woocommerce {
    display: grid !important;
    grid-template-columns: 250px 1fr !important;
    gap: 2rem !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 2rem 1rem !important;
}

@media (max-width: 768px) {
    .woocommerce-account .woocommerce {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }
}

/* My Account Navigation Styling */
.woocommerce-MyAccount-navigation {
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0.75rem !important;
    padding: 1.5rem !important;
    height: fit-content !important;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-MyAccount-navigation ul li {
    margin-bottom: 0.5rem !important;
}

.woocommerce-MyAccount-navigation ul li:last-child {
    margin-bottom: 0 !important;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 0.75rem 1rem !important;
    color: #4b5563 !important;
    text-decoration: none !important;
    border-radius: 0.5rem !important;
    transition: all 0.3s !important;
    font-weight: 500 !important;
}

.woocommerce-MyAccount-navigation ul li a:hover {
    background: #e5e7eb !important;
    color: #4f46e5 !important;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    background: linear-gradient(to right, #4f46e5, #7c3aed) !important;
    color: white !important;
}

/* My Account Content Styling */
.woocommerce-MyAccount-content {
    background: white !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0.75rem !important;
    padding: 2rem !important;
    min-height: 400px !important;
}

.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
    color: #111827 !important;
    margin-bottom: 1.5rem !important;
    font-weight: 600 !important;
}

/* Style My Account forms and tables */
.woocommerce-MyAccount-content .woocommerce-form-row {
    margin-bottom: 1rem !important;
}

.woocommerce-MyAccount-content input[type="text"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-MyAccount-content input[type="password"],
.woocommerce-MyAccount-content textarea,
.woocommerce-MyAccount-content select {
    width: 100% !important;
    padding: 0.75rem !important;
    border: 1px solid #d1d5db !important;
    border-radius: 0.5rem !important;
    font-size: 1rem !important;
}

.woocommerce-MyAccount-content input[type="text"]:focus,
.woocommerce-MyAccount-content input[type="email"]:focus,
.woocommerce-MyAccount-content input[type="password"]:focus,
.woocommerce-MyAccount-content textarea:focus,
.woocommerce-MyAccount-content select:focus {
    outline: none !important;
    border-color: #4f46e5 !important;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1) !important;
}

.woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce-MyAccount-content button[type="submit"] {
    background: linear-gradient(to right, #4f46e5, #7c3aed, #d946ef) !important;
    color: white !important;
    padding: 0.75rem 1.5rem !important;
    border: none !important;
    border-radius: 0.5rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
}

.woocommerce-MyAccount-content .woocommerce-Button:hover,
.woocommerce-MyAccount-content button[type="submit"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 25px rgba(79, 70, 229, 0.3) !important;
}

/* Orders table styling */
.woocommerce-MyAccount-content table.woocommerce-orders-table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 1.5rem !important;
}

.woocommerce-MyAccount-content table.woocommerce-orders-table th,
.woocommerce-MyAccount-content table.woocommerce-orders-table td {
    padding: 1rem !important;
    text-align: left !important;
    border-bottom: 1px solid #e5e7eb !important;
}

.woocommerce-MyAccount-content table.woocommerce-orders-table th {
    background: #f9fafb !important;
    font-weight: 600 !important;
    color: #111827 !important;
}

.woocommerce-MyAccount-content table.woocommerce-orders-table tr:hover {
    background: #f9fafb !important;
}

.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions a {
    display: inline-block !important;
    padding: 0.5rem 1rem !important;
    background: #4f46e5 !important;
    color: white !important;
    text-decoration: none !important;
    border-radius: 0.375rem !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    transition: all 0.3s !important;
}

.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions a:hover {
    background: #4338ca !important;
}

/* My Account Login & Register Page Styling */
body.woocommerce-account:not(.logged-in) .woocommerce,
body.woocommerce-account.woocommerce-page:not(.logged-in) .woocommerce {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0rem 1rem !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce h2,
body.woocommerce-account.woocommerce-page:not(.logged-in) .woocommerce h2 {
    margin-top: 0 !important;
}

/* Notices Wrapper - Full Width Above Forms */
body.woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper,
body.woocommerce-account.woocommerce-page:not(.logged-in) .woocommerce-notices-wrapper {
    width: 100% !important;
    margin-bottom: 2rem !important;
    display: block !important;
    order: -1 !important;
}

/* Ensure notices appear before customer_login */
body.woocommerce-account:not(.logged-in) #customer_login,
body.woocommerce-account.woocommerce-page:not(.logged-in) #customer_login {
    order: 1 !important;
}

/* Make woocommerce container flex to support order */
body.woocommerce-account:not(.logged-in) .woocommerce,
body.woocommerce-account.woocommerce-page:not(.logged-in) .woocommerce {
    display: flex !important;
    flex-direction: column !important;
}

/* Forms Container - Grid Layout - Multiple selectors for compatibility */
body.woocommerce-account:not(.logged-in) .u-columns,
body.woocommerce-account.woocommerce-page:not(.logged-in) .u-columns,
body.woocommerce-account:not(.logged-in) .col2-set,
body.woocommerce-account.woocommerce-page:not(.logged-in) .col2-set {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 2rem !important;
    align-items: start !important;
    max-width: none !important;
}

@media (max-width: 768px) {

    body.woocommerce-account:not(.logged-in) .u-columns,
    body.woocommerce-account.woocommerce-page:not(.logged-in) .u-columns,
    body.woocommerce-account:not(.logged-in) .col2-set,
    body.woocommerce-account.woocommerce-page:not(.logged-in) .col2-set {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
    }
}

/* Login & Register Form Containers */
.woocommerce-form-login,
.woocommerce-form-register {
    background: white !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 1rem !important;
    padding: 2.5rem !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Ensure column wrappers don't interfere */
body.woocommerce-account:not(.logged-in) .u-column1,
body.woocommerce-account:not(.logged-in) .u-column2,
body.woocommerce-account:not(.logged-in) .col-1,
body.woocommerce-account:not(.logged-in) .col-2,
body.woocommerce-account.woocommerce-page:not(.logged-in) .u-column1,
body.woocommerce-account.woocommerce-page:not(.logged-in) .u-column2,
body.woocommerce-account.woocommerce-page:not(.logged-in) .col-1,
body.woocommerce-account.woocommerce-page:not(.logged-in) .col-2 {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    max-width: none !important;
}

.woocommerce-form-login h2,
.woocommerce-form-register h2 {
    color: #111827 !important;
    font-size: 1.875rem !important;
    font-weight: 700 !important;
    margin-bottom: 0.5rem !important;
    text-align: center !important;
}

/* Add subtitle text */
.woocommerce-form-login h2::after {
    content: "Welcome back! Please login to your account." !important;
    display: block !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    color: #6b7280 !important;
    margin-top: 0.5rem !important;
}

.woocommerce-form-register h2::after {
    content: "Create a new account to get started." !important;
    display: block !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    color: #6b7280 !important;
    margin-top: 0.5rem !important;
}

/* Form Fields */
.woocommerce-form-login .woocommerce-form-row,
.woocommerce-form-register .woocommerce-form-row {
    margin-bottom: 1.5rem !important;
}

.woocommerce-form-login label,
.woocommerce-form-register label {
    display: block !important;
    color: #374151 !important;
    font-weight: 500 !important;
    margin-bottom: 0.5rem !important;
    font-size: 0.875rem !important;
}

.woocommerce-form-login label .required,
.woocommerce-form-register label .required {
    color: #ef4444 !important;
}

.woocommerce-form-login input[type="text"],
.woocommerce-form-login input[type="password"],
.woocommerce-form-login input[type="email"],
.woocommerce-form-register input[type="text"],
.woocommerce-form-register input[type="password"],
.woocommerce-form-register input[type="email"] {
    width: 100% !important;
    padding: 0.875rem 1rem !important;
    border: 1px solid #d1d5db !important;
    border-radius: 0.5rem !important;
    font-size: 1rem !important;
    color: #111827 !important;
    background: white !important;
    transition: all 0.3s !important;
}

.woocommerce-form-login input[type="text"]:focus,
.woocommerce-form-login input[type="password"]:focus,
.woocommerce-form-login input[type="email"]:focus,
.woocommerce-form-register input[type="text"]:focus,
.woocommerce-form-register input[type="password"]:focus,
.woocommerce-form-register input[type="email"]:focus {
    outline: none !important;
    border-color: #4f46e5 !important;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1) !important;
}

/* Remember Me Checkbox */
.woocommerce-form-login .woocommerce-form-login__rememberme {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 1.5rem !important;
}

.woocommerce-form-login input[type="checkbox"] {
    width: 1.125rem !important;
    height: 1.125rem !important;
    margin-right: 0.5rem !important;
    border-radius: 0.25rem !important;
    border: 1px solid #d1d5db !important;
    cursor: pointer !important;
}

.woocommerce-form-login .woocommerce-form-login__rememberme label {
    margin-bottom: 0 !important;
    cursor: pointer !important;
    font-weight: 400 !important;
}

/* Submit Buttons */
.woocommerce-form-login .woocommerce-button,
.woocommerce-form-login button[type="submit"],
.woocommerce-form-register .woocommerce-button,
.woocommerce-form-register button[type="submit"] {
    width: 100% !important;
    padding: 0.875rem 1.5rem !important;
    background: linear-gradient(to right, #4f46e5, #7c3aed, #d946ef) !important;
    color: white !important;
    border: none !important;
    border-radius: 0.5rem !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
    text-transform: none !important;
}

.woocommerce-form-login .woocommerce-button:hover,
.woocommerce-form-login button[type="submit"]:hover,
.woocommerce-form-register .woocommerce-button:hover,
.woocommerce-form-register button[type="submit"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 25px rgba(79, 70, 229, 0.3) !important;
}

/* Lost Password Link */
.woocommerce-form-login .woocommerce-LostPassword {
    text-align: center !important;
    margin-top: 1rem !important;
}

.woocommerce-form-login .woocommerce-LostPassword a {
    color: #4f46e5 !important;
    text-decoration: none !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    transition: color 0.3s !important;
}

.woocommerce-form-login .woocommerce-LostPassword a:hover {
    color: #4338ca !important;
    text-decoration: underline !important;
}

/* Messages and Errors */
.woocommerce-error,
.woocommerce-message,
.woocommerce-info {
    padding: 1rem 1.25rem !important;
    margin-bottom: 1rem !important;
    border-left: 4px solid !important;
    border-radius: 0.5rem !important;
    font-size: 0.875rem !important;
    list-style: none !important;
}

.woocommerce-error li,
.woocommerce-message li,
.woocommerce-info li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-error {
    background: #fef2f2 !important;
    border-color: #ef4444 !important;
    color: #991b1b !important;
}

.woocommerce-message {
    background: #f0fdf4 !important;
    border-color: #22c55e !important;
    color: #166534 !important;
}

.woocommerce-info {
    background: #eff6ff !important;
    border-color: #3b82f6 !important;
    color: #1e40af !important;
}

/* Close button for notices */
.woocommerce-error .woocommerce-Button,
.woocommerce-message .woocommerce-Button,
.woocommerce-info .woocommerce-Button,
.woocommerce-error a,
.woocommerce-message a,
.woocommerce-info a {
    color: inherit !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
}

/* Privacy Policy Text */
.woocommerce-privacy-policy-text {
    font-size: 0.75rem !important;
    color: #6b7280 !important;
    margin-top: 1rem !important;
    text-align: center !important;
}

.woocommerce-privacy-policy-text a {
    color: #4f46e5 !important;
    text-decoration: underline !important;
}

/* Lost Password Page Layout */
body.woocommerce-account.lost_reset_password .woocommerce,
body.woocommerce-account.woocommerce-lost-password .woocommerce {
    max-width: 1400px !important;
    padding: 0rem 1rem !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Notices Wrapper - Above Lost Password Form */
body.woocommerce-account.lost_reset_password .woocommerce-notices-wrapper,
body.woocommerce-account.woocommerce-lost-password .woocommerce-notices-wrapper {
    width: 100% !important;
    margin-bottom: 2rem !important;
    display: block !important;
    order: -1 !important;
}

/* Lost Password Form Container */
body.woocommerce-account.lost_reset_password .woocommerce-ResetPassword,
body.woocommerce-account.woocommerce-lost-password .woocommerce-ResetPassword,
body.woocommerce-account.lost_reset_password .woocommerce-form-reset-password,
body.woocommerce-account.woocommerce-lost-password .woocommerce-form-reset-password {
    order: 1 !important;
}

/* Lost Password Form Styling */
.woocommerce-ResetPassword,
.woocommerce-form-reset-password {
    background: white !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 1rem !important;
    padding: 2.5rem !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
    max-width: 600px !important;
    margin: 0 auto !important;
}

.woocommerce-ResetPassword h2,
.woocommerce-form-reset-password h2 {
    color: #111827 !important;
    font-size: 1.875rem !important;
    font-weight: 700 !important;
    margin-bottom: 0.5rem !important;
    text-align: center !important;
}

.woocommerce-ResetPassword h2::after,
.woocommerce-form-reset-password h2::after {
    content: "Enter your email address to receive a password reset link." !important;
    display: block !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    color: #6b7280 !important;
    margin-top: 0.5rem !important;
}

.woocommerce-ResetPassword p,
.woocommerce-form-reset-password p {
    margin-bottom: 1.5rem !important;
}

.woocommerce-ResetPassword .woocommerce-form-row,
.woocommerce-form-reset-password .woocommerce-form-row {
    margin-bottom: 1.5rem !important;
}

.woocommerce-ResetPassword label,
.woocommerce-form-reset-password label {
    display: block !important;
    color: #374151 !important;
    font-weight: 500 !important;
    margin-bottom: 0.5rem !important;
    font-size: 0.875rem !important;
}

.woocommerce-ResetPassword input[type="text"],
.woocommerce-ResetPassword input[type="email"],
.woocommerce-form-reset-password input[type="text"],
.woocommerce-form-reset-password input[type="email"] {
    width: 100% !important;
    padding: 0.875rem 1rem !important;
    border: 1px solid #d1d5db !important;
    border-radius: 0.5rem !important;
    font-size: 1rem !important;
    color: #111827 !important;
    background: white !important;
    transition: all 0.3s !important;
}

.woocommerce-ResetPassword input[type="text"]:focus,
.woocommerce-ResetPassword input[type="email"]:focus,
.woocommerce-form-reset-password input[type="text"]:focus,
.woocommerce-form-reset-password input[type="email"]:focus {
    outline: none !important;
    border-color: #4f46e5 !important;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1) !important;
}

.woocommerce-ResetPassword .woocommerce-Button,
.woocommerce-ResetPassword button[type="submit"],
.woocommerce-form-reset-password .woocommerce-Button,
.woocommerce-form-reset-password button[type="submit"] {
    width: 100% !important;
    padding: 0.875rem 1.5rem !important;
    background: linear-gradient(to right, #4f46e5, #7c3aed, #d946ef) !important;
    color: white !important;
    border: none !important;
    border-radius: 0.5rem !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
    text-transform: none !important;
}

.woocommerce-ResetPassword .woocommerce-Button:hover,
.woocommerce-ResetPassword button[type="submit"]:hover,
.woocommerce-form-reset-password .woocommerce-Button:hover,
.woocommerce-form-reset-password button[type="submit"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 25px rgba(79, 70, 229, 0.3) !important;
}

/* Back to login link */
.woocommerce-ResetPassword .woocommerce-form-login-toggle,
.woocommerce-form-reset-password .woocommerce-form-login-toggle {
    text-align: center !important;
    margin-top: 1rem !important;
}

.woocommerce-ResetPassword .woocommerce-form-login-toggle a,
.woocommerce-form-reset-password .woocommerce-form-login-toggle a {
    color: #4f46e5 !important;
    text-decoration: none !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    transition: color 0.3s !important;
}

.woocommerce-ResetPassword .woocommerce-form-login-toggle a:hover,
.woocommerce-form-reset-password .woocommerce-form-login-toggle a:hover {
    color: #4338ca !important;
    text-decoration: underline !important;
}

/* Order Received / Thank You Page Styling */
.woocommerce-order-received .woocommerce,
.woocommerce-order-received .woocommerce-order {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 2rem 1rem !important;
}

/* Thank You Message Section */
.woocommerce-order-received .woocommerce-notice--success,
.woocommerce-order-received .woocommerce-thankyou-order-received {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #d946ef 100%) !important;
    color: white !important;
    padding: 3rem 2rem !important;
    border-radius: 1rem !important;
    text-align: center !important;
    margin-bottom: 2rem !important;
    border: none !important;
    box-shadow: 0 10px 40px rgba(79, 70, 229, 0.3) !important;
    position: relative !important;
    overflow: hidden !important;
}

.woocommerce-order-received .woocommerce-notice--success::before,
.woocommerce-order-received .woocommerce-thankyou-order-received::before {
    content: "✓" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 15rem !important;
    font-weight: bold !important;
    opacity: 0.1 !important;
    z-index: 0 !important;
}

.woocommerce-order-received .woocommerce-notice--success,
.woocommerce-order-received .woocommerce-thankyou-order-received {
    position: relative !important;
    z-index: 1 !important;
    font-size: 1.875rem !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

.woocommerce-order-received .woocommerce-notice--success::after {
    content: "Your order has been successfully placed. We'll send you a confirmation email shortly." !important;
    display: block !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    margin-top: 1rem !important;
    opacity: 0.95 !important;
}

/* Order Overview Section */
.woocommerce-order-overview {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    gap: 1.5rem !important;
    margin-bottom: 2rem !important;
    list-style: none !important;
    padding: 0 !important;
}

.woocommerce-order-overview li {
    background: white !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0.75rem !important;
    padding: 1.5rem !important;
    text-align: center !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s !important;
}

.woocommerce-order-overview li:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 25px rgba(79, 70, 229, 0.15) !important;
    border-color: #4f46e5 !important;
}

.woocommerce-order-overview li strong {
    display: block !important;
    color: #6b7280 !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    margin-bottom: 0.5rem !important;
}

.woocommerce-order-overview li .woocommerce-order-overview__order,
.woocommerce-order-overview li .woocommerce-order-overview__date,
.woocommerce-order-overview li .woocommerce-order-overview__email,
.woocommerce-order-overview li .woocommerce-order-overview__total,
.woocommerce-order-overview li .woocommerce-order-overview__payment-method {
    color: #111827 !important;
    font-size: 1.125rem !important;
    font-weight: 600 !important;
}

/* Order Details Section */
.woocommerce-order-details {
    background: white !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 1rem !important;
    padding: 2rem !important;
    margin-bottom: 2rem !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

.woocommerce-order-details h2 {
    color: #111827 !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    margin-bottom: 1.5rem !important;
    padding-bottom: 1rem !important;
    border-bottom: 2px solid #e5e7eb !important;
}

.woocommerce-order-details h2::before {
    content: "📦 " !important;
    font-size: 1.5rem !important;
    margin-right: 0.5rem !important;
}

/* Order Details Table */
.woocommerce-table--order-details {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 1.5rem !important;
}

.woocommerce-table--order-details thead {
    background: #f9fafb !important;
}

.woocommerce-table--order-details thead th {
    padding: 1rem !important;
    text-align: left !important;
    font-weight: 600 !important;
    color: #111827 !important;
    font-size: 0.875rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    border-bottom: 2px solid #e5e7eb !important;
}

.woocommerce-table--order-details tbody td {
    padding: 1rem !important;
    border-bottom: 1px solid #f3f4f6 !important;
    color: #374151 !important;
}

.woocommerce-table--order-details tbody tr:hover {
    background: #f9fafb !important;
}

.woocommerce-table--order-details .woocommerce-table__product-name a {
    color: #4f46e5 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.3s !important;
}

.woocommerce-table--order-details .woocommerce-table__product-name a:hover {
    color: #4338ca !important;
    text-decoration: underline !important;
}

.woocommerce-table--order-details tfoot {
    background: #f9fafb !important;
}

.woocommerce-table--order-details tfoot th,
.woocommerce-table--order-details tfoot td {
    padding: 1rem !important;
    font-weight: 600 !important;
    border-top: 2px solid #e5e7eb !important;
}

.woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-table--order-details tfoot tr:last-child td {
    color: #4f46e5 !important;
    font-size: 1.25rem !important;
}

/* Customer Details Section */
.woocommerce-customer-details {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
    gap: 2rem !important;
}

.woocommerce-customer-details .woocommerce-column {
    background: linear-gradient(135deg, #ffffff 0%, #f9fafb 100%) !important;
    border: 2px solid #e5e7eb !important;
    border-radius: 1rem !important;
    padding: 2rem !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s !important;
    position: relative !important;
    overflow: hidden !important;
}

.woocommerce-customer-details .woocommerce-column::before {
    content: "" !important;
    position: absolute !important;
    top: -50% !important;
    right: -50% !important;
    width: 200px !important;
    height: 200px !important;
    background: radial-gradient(circle, rgba(79, 70, 229, 0.05) 0%, transparent 70%) !important;
    pointer-events: none !important;
}

.woocommerce-customer-details .woocommerce-column:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 24px rgba(79, 70, 229, 0.15) !important;
    border-color: #4f46e5 !important;
}

.woocommerce-customer-details h2 {
    color: #111827 !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    margin-bottom: 1.25rem !important;
    padding-bottom: 1rem !important;
    border-bottom: 2px solid transparent !important;
    background: linear-gradient(to right, #4f46e5, #7c3aed) !important;
    background-size: 50% 2px !important;
    background-repeat: no-repeat !important;
    background-position: left bottom !important;
    position: relative !important;
}

.woocommerce-customer-details .woocommerce-column--billing-address h2::before {
    content: "📍 " !important;
    font-size: 1.5rem !important;
    margin-right: 0.5rem !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

.woocommerce-customer-details .woocommerce-column--shipping-address h2::before {
    content: "🚚 " !important;
    font-size: 1.5rem !important;
    margin-right: 0.5rem !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Fallback for generic column title */
.woocommerce-customer-details h2.woocommerce-column__title::before {
    content: "👤 " !important;
    font-size: 1.25rem !important;
    margin-right: 0.5rem !important;
}

.woocommerce-customer-details address {
    color: #374151 !important;
    font-style: normal !important;
    line-height: 2 !important;
    font-size: 0.9375rem !important;
    position: relative !important;
    padding-left: 0.5rem !important;
}

.woocommerce-customer-details address p {
    margin-bottom: 0.5rem !important;
    display: flex !important;
    align-items: flex-start !important;
}

.woocommerce-customer-details address p::before {
    content: "▸" !important;
    color: #4f46e5 !important;
    margin-right: 0.75rem !important;
    font-weight: bold !important;
    flex-shrink: 0 !important;
}

/* Style for specific billing info items */
.woocommerce-customer-details .woocommerce-column p:first-of-type {
    font-weight: 600 !important;
    color: #111827 !important;
    font-size: 1.0625rem !important;
    margin-bottom: 0.75rem !important;
}

.woocommerce-customer-details .woocommerce-column p:first-of-type::before {
    content: "🏷️ " !important;
    margin-right: 0.5rem !important;
}

/* Email and phone styling */
.woocommerce-customer-details a {
    color: #4f46e5 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: color 0.3s !important;
}

.woocommerce-customer-details a:hover {
    color: #4338ca !important;
    text-decoration: underline !important;
}

/* Add subtle background pattern */
.woocommerce-customer-details .woocommerce-column--billing-address {
    background: linear-gradient(135deg, #f0f9ff 0%, #ffffff 50%, #faf5ff 100%) !important;
}

.woocommerce-customer-details .woocommerce-column--shipping-address {
    background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 50%, #fef3c7 100%) !important;
}

/* Download Links Styling */
.woocommerce-order-downloads {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%) !important;
    border: 2px solid #22c55e !important;
    border-radius: 1rem !important;
    padding: 2rem !important;
    margin-bottom: 2rem !important;
}

.woocommerce-order-downloads h2 {
    color: #166534 !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    margin-bottom: 1.5rem !important;
}

.woocommerce-order-downloads h2::before {
    content: "⬇️ " !important;
    font-size: 1.5rem !important;
    margin-right: 0.5rem !important;
}

.woocommerce-order-downloads .woocommerce-table {
    background: white !important;
    border-radius: 0.5rem !important;
    overflow: hidden !important;
}

.woocommerce-order-downloads .download-product a,
.woocommerce-order-downloads .download-file a {
    color: #166534 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.3s !important;
}

.woocommerce-order-downloads .download-product a:hover,
.woocommerce-order-downloads .download-file a:hover {
    color: #15803d !important;
    text-decoration: underline !important;
}

.woocommerce-order-downloads .woocommerce-MyAccount-downloads-file a {
    display: inline-flex !important;
    align-items: center !important;
    padding: 0.75rem 1.5rem !important;
    background: linear-gradient(to right, #22c55e, #16a34a) !important;
    color: white !important;
    border-radius: 0.5rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s !important;
}

.woocommerce-order-downloads .woocommerce-MyAccount-downloads-file a:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 25px rgba(34, 197, 94, 0.3) !important;
}

/* Back to shop button */
.woocommerce-order-received .woocommerce-Button,
.woocommerce-order-received a.button {
    display: inline-flex !important;
    align-items: center !important;
    padding: 0.875rem 2rem !important;
    background: linear-gradient(to right, #4f46e5, #7c3aed, #d946ef) !important;
    color: white !important;
    border: none !important;
    border-radius: 0.75rem !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s !important;
    margin-top: 1rem !important;
}

.woocommerce-order-received .woocommerce-Button:hover,
.woocommerce-order-received a.button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 25px rgba(79, 70, 229, 0.3) !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .woocommerce-order-overview {
        grid-template-columns: 1fr !important;
    }

    .woocommerce-customer-details {
        grid-template-columns: 1fr !important;
    }

    .woocommerce-order-received .woocommerce-notice--success,
    .woocommerce-order-received .woocommerce-thankyou-order-received {
        padding: 2rem 1.5rem !important;
        font-size: 1.5rem !important;
    }

    .woocommerce-table--order-details {
        font-size: 0.875rem !important;
    }

    .woocommerce-table--order-details thead th,
    .woocommerce-table--order-details tbody td,
    .woocommerce-table--order-details tfoot th,
    .woocommerce-table--order-details tfoot td {
        padding: 0.75rem !important;
    }
}

/* ===================================
           CHECKOUT PAYMENT SECTION STYLING
           (WooCommerce Blocks Checkout)
           =================================== */

/* Payment section container - WooCommerce Blocks */
.wc-block-components-radio-control {
    background: linear-gradient(135deg, #ffffff 0%, #f9fafb 100%) !important;
    border: none !important;
    border-radius: 1rem !important;
    padding: 2rem !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
    position: relative !important;
}

.wc-block-components-radio-control::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 3px !important;
    background: linear-gradient(to right, #4f46e5, #7c3aed, #d946ef) !important;
    border-radius: 1rem 1rem 0 0 !important;
}

/* Payment method accordion option wrapper */
.wc-block-components-radio-control-accordion-option {
    margin-bottom: 1rem !important;
    transition: all 0.3s !important;
}

.wc-block-components-radio-control-accordion-option:last-child {
    margin-bottom: 0 !important;
}

/* Payment method option (card) */
.wc-block-components-radio-control__option {
    background: white !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0.75rem !important;
    padding: 1.5rem !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
}

.wc-block-components-radio-control__option:hover {
    border-color: #a5b4fc !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(79, 70, 229, 0.1) !important;
}

/* Selected payment method */
.wc-block-components-radio-control__option-checked {
    background: linear-gradient(135deg, #f0f9ff 0%, #ffffff 50%, #faf5ff 100%) !important;
    border-color: #4f46e5 !important;
    box-shadow: 0 4px 16px rgba(79, 70, 229, 0.15) !important;
}

/* Remove WooCommerce Blocks default inner shadow on checked option */
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted,
.wc-block-components-radio-control-accordion-option--checked-option-highlighted,
label.wc-block-components-radio-control__option--checked-option-highlighted {
    box-shadow: none !important;
}

/* Radio button input */
.wc-block-components-radio-control__input {
    width: 1.25rem !important;
    height: 1.25rem !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    border: 1.5px solid #d1d5db !important;
    border-radius: 50% !important;
    background: white !important;
    transition: all 0.3s !important;
    margin-right: 1rem !important;
    flex-shrink: 0 !important;
    position: relative !important;
}

.wc-block-components-radio-control__input:checked {
    border-color: #4f46e5 !important;
    background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
    box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.1) !important;
}

.wc-block-components-radio-control__input:checked::after {
    content: "✓" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: white !important;
    font-size: 0.75rem !important;
    font-weight: bold !important;
}

/* Label layout */
.wc-block-components-radio-control__option-layout {
    display: flex !important;
    align-items: center !important;
    flex: 1 !important;
}

/* Label group */
.wc-block-components-radio-control__label-group {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
}

/* Payment method label */
.wc-block-components-radio-control__label {
    font-size: 1.0625rem !important;
    font-weight: 600 !important;
    color: #111827 !important;
    display: flex !important;
    align-items: center !important;
    flex: 1 !important;
}

.wc-block-components-radio-control .wc-block-components-radio-control__input {
    left: 7px;
    top: 9px;
}

.wc-block-components-radio-control__label span {

    align-items: center !important;
}

/* Payment method icons */
.wc-block-components-payment-method-icons {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    margin-left: auto !important;
}

.wc-block-components-payment-method-icons img {
    max-height: 2rem !important;
    border-radius: 0.25rem !important;
}

/* Add PayPal icon via CSS */
.wc-block-components-radio-control__label span::after {
    content: "💳" !important;
    font-size: 1.5rem !important;
    margin-left: 0.75rem !important;
    opacity: 0.8 !important;
}

/* Payment method accordion content (description) */
.wc-block-components-radio-control-accordion-content {
    background: linear-gradient(135deg, #fef3c7 0%, #fef9c3 100%) !important;
    border: 1px solid #fbbf24 !important;
    border-radius: 0.5rem !important;
    padding: 1.25rem !important;
    margin-top: 1rem !important;
    font-size: 0.9375rem !important;
    color: #78350f !important;
    line-height: 1.6 !important;
}

.wc-block-components-radio-control-accordion-content p {
    margin: 0 0 0.75rem 0 !important;
}

.wc-block-components-radio-control-accordion-content p:last-child {
    margin-bottom: 0 !important;
}

.wc-block-components-radio-control-accordion-content p::before {
    content: "ℹ️ " !important;
    margin-right: 0.5rem !important;
}

/* PayPal place order description */
.ppcp-place-order-description {
    font-weight: 500 !important;
    color: #92400e !important;
    padding: 0.75rem !important;
    background: rgba(255, 255, 255, 0.5) !important;
    border-radius: 0.375rem !important;
    margin-top: 0.75rem !important;
}

/* Secure payment badge */
.wc-block-components-radio-control::after {

    display: block !important;
    text-align: center !important;
    font-size: 0.875rem !important;
    color: #22c55e !important;
    font-weight: 600 !important;

    padding-top: 0 !important;
    border: none !important;
    border-top: none !important;
}

/* Classic checkout payment section fallback */
#payment {
    background: linear-gradient(135deg, #ffffff 0%, #f9fafb 100%) !important;
    border: none !important;
    border-radius: 1rem !important;
    padding: 2rem !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
    margin-top: 2rem !important;
    position: relative !important;
}

#payment::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 3px !important;
    background: linear-gradient(to right, #4f46e5, #7c3aed, #d946ef) !important;
    border-radius: 1rem 1rem 0 0 !important;
}

.wc_payment_methods {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 1.5rem 0 !important;
}

.wc_payment_methods li {
    margin-bottom: 1rem !important;
}

.wc_payment_method {
    background: white !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0.75rem !important;
    padding: 1.5rem !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.wc_payment_method:hover {
    border-color: #a5b4fc !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(79, 70, 229, 0.1) !important;
}

.wc_payment_method input[type="radio"]:checked~label {
    background: linear-gradient(135deg, #f0f9ff 0%, #ffffff 50%, #faf5ff 100%) !important;
}

.payment_box {
    background: linear-gradient(135deg, #fef3c7 0%, #fef9c3 100%) !important;
    border: 1px solid #fbbf24 !important;
    border-radius: 0.5rem !important;
    padding: 1.25rem !important;
    margin-top: 1rem !important;
    color: #78350f !important;
}

/* Terms and conditions */
.wc-block-checkout__terms,
.woocommerce-terms-and-conditions-wrapper {
    background: #f9fafb !important;
    padding: 1rem !important;
    border-radius: 0.5rem !important;
    margin-bottom: 1.5rem !important;
}

.wc-block-checkout__terms label,
.woocommerce-terms-and-conditions-wrapper label {
    display: flex !important;
    align-items: flex-start !important;
    cursor: pointer !important;
    font-size: 0.9375rem !important;
    color: #374151 !important;
}

.wc-block-checkout__terms input[type="checkbox"],
.woocommerce-terms-and-conditions-wrapper input[type="checkbox"] {
    margin-right: 0.75rem !important;
    margin-top: 0.25rem !important;
    width: 1.125rem !important;
    height: 1.125rem !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

.wc-block-checkout__terms a,
.woocommerce-terms-and-conditions-wrapper a {
    color: #4f46e5 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: color 0.3s !important;
}

.wc-block-checkout__terms a:hover,
.woocommerce-terms-and-conditions-wrapper a:hover {
    color: #7c3aed !important;
    text-decoration: underline !important;
}

/* Privacy policy text */
.wc-block-checkout__privacy-policy,
.woocommerce-privacy-policy-text {
    font-size: 0.875rem !important;
    color: #6b7280 !important;
    line-height: 1.6 !important;
    margin-top: 1rem !important;
    padding: 0.75rem !important;
    background: #f9fafb !important;
    border-radius: 0.5rem !important;
}

.wc-block-checkout__privacy-policy a,
.woocommerce-privacy-policy-text a {
    color: #4f46e5 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

.wc-block-checkout__privacy-policy a:hover,
.woocommerce-privacy-policy-text a:hover {
    color: #7c3aed !important;
    text-decoration: underline !important;
}

/* Responsive adjustments for payment section */
@media (max-width: 768px) {

    .wc-block-components-radio-control,
    #payment {
        padding: 1.5rem !important;
    }

    .wc-block-components-radio-control__option,
    .wc_payment_method {
        padding: 1.25rem !important;
    }

    .wc-block-components-radio-control__label {
        font-size: 1rem !important;
    }

    .wc-block-components-radio-control-accordion-content,
    .payment_box {
        padding: 1rem !important;
        font-size: 0.875rem !important;
    }
}

/* Hide product listing on empty cart page */
.wc-block-cart .wc-block-grid,
.wc-block-cart .wp-block-woocommerce-product-new,
.wc-block-cart .wp-block-heading,
.wp-block-woocommerce-cart .wc-block-grid,
.wp-block-woocommerce-cart .wp-block-woocommerce-product-new,
.wc-block-cart__empty-cart__flow .wp-block-woocommerce-product-new,
.wc-block-cart__empty-cart__flow .wp-block-heading {
    display: none !important;
}

/* ===================================
           MOBILE MENU STYLING
           =================================== */

/* Mobile menu container */
#mobile-menu {
    background: white !important;
    border-top: 1px solid #e5e7eb !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
    max-height: calc(100vh - 80px) !important;
    overflow-y: auto !important;
}

/* Mobile menu inner wrapper */
#mobile-menu>div {
    padding: 1rem 1.5rem 1.5rem !important;
}

/* Mobile menu items - remove list markers */
#mobile-menu ul,
#mobile-menu li,
#mobile-menu .menu,
#mobile-menu .menu-item {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#mobile-menu .menu-item::marker,
#mobile-menu li::marker {
    content: none !important;
    display: none !important;
}

#mobile-menu .menu-item {
    margin-bottom: 0 !important;
}

#mobile-menu .menu-item a,
#mobile-menu a.nav-link,
#mobile-menu .nav-link {
    display: block !important;
    padding: 0.5rem 0.75rem !important;
    color: #374151 !important;
    font-size: 0.9375rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    border-radius: 0.375rem !important;
    transition: all 0.2s ease !important;
}

#mobile-menu .menu-item a:hover,
#mobile-menu a.nav-link:hover,
#mobile-menu .nav-link:hover {
    background: linear-gradient(135deg, #f0f9ff 0%, #faf5ff 100%) !important;
    color: #4f46e5 !important;
}

#mobile-menu .menu-item.current-menu-item>a,
#mobile-menu .menu-item.current_page_item>a {
    background: linear-gradient(135deg, #f0f9ff 0%, #faf5ff 100%) !important;
    color: #4f46e5 !important;
    font-weight: 600 !important;
}

/* Mobile submenu */
#mobile-menu .sub-menu {
    list-style: none !important;
    padding-left: 1rem !important;
    margin: 0.25rem 0 0.5rem !important;
    border-left: 2px solid #e5e7eb !important;
}

#mobile-menu .sub-menu .menu-item a {
    padding: 0.625rem 1rem !important;
    font-size: 0.9375rem !important;
    color: #6b7280 !important;
}

#mobile-menu .sub-menu .menu-item a:hover {
    color: #4f46e5 !important;
    background: #f9fafb !important;
}

/* Mobile menu buttons */
#mobile-menu .btn-primary,
#mobile-menu .btn-outline {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 0.875rem 1.5rem !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    border-radius: 0.75rem !important;
    margin-top: 0.75rem !important;
    gap: 0.5rem !important;
}

#mobile-menu .btn-primary {
    background: linear-gradient(to right, #4f46e5, #7c3aed) !important;
    color: white !important;
    border: none !important;
}

#mobile-menu .btn-primary:hover {
    background: linear-gradient(to right, #4338ca, #6d28d9) !important;
}

#mobile-menu .btn-outline {
    background: transparent !important;
    border: 2px solid #e5e7eb !important;
    color: #374151 !important;
}

#mobile-menu .btn-outline:hover {
    border-color: #4f46e5 !important;
    color: #4f46e5 !important;
    background: #f9fafb !important;
}

#mobile-menu .btn-outline svg,
#mobile-menu .btn-primary svg {
    width: 1.25rem !important;
    height: 1.25rem !important;
}

#mobile-menu .btn-codeflicks {
    background: linear-gradient(135deg, #ff6b35, #f7931e) !important;
    border: none !important;
    color: #fff !important;
}

#mobile-menu .btn-codeflicks:hover {
    background: linear-gradient(135deg, #e55a25, #e07f10) !important;
    color: #fff !important;
}

/* Mobile menu toggle button */
#mobile-menu-btn {
    padding: 0.5rem !important;
    border-radius: 0.5rem !important;
    transition: all 0.2s ease !important;
}

#mobile-menu-btn:hover {
    background: #f3f4f6 !important;
}

#mobile-menu-btn svg {
    width: 1.5rem !important;
    height: 1.5rem !important;
    color: #374151 !important;
}

/* Cart icon in mobile */
#mobile-menu .cart-link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0.875rem 1rem !important;
    background: #f9fafb !important;
    border-radius: 0.5rem !important;
    margin-top: 0.5rem !important;
}

/* Technology Badges */
.tech-badge {
    transition: all 0.3s ease;
    cursor: pointer;
}

.tech-badge:hover {
    transform: translateY(-3px) scale(1.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* ===== MEGA MENU & DROPDOWN ===== */
.creative-menu-nav {
    display: flex;
    align-items: center;
    gap: 8px;
}

.creative-menu-item {
    position: relative;
}

.creative-menu-link {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    font-size: 15px;
    font-weight: 500;
    color: #374151;
    text-decoration: none;
    transition: color 0.2s;
    white-space: nowrap;
}

.creative-menu-link:hover {
    color: #4f46e5;
}

.creative-menu-arrow {
    transition: transform 0.3s;
    margin-left: 2px;
}

.creative-menu-item:hover .creative-menu-arrow {
    transform: rotate(180deg);
}

/* Dropdown (shared) */
.creative-mega-dropdown,
.creative-dropdown {
    position: absolute;
    top: 100%;
    padding-top: 12px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    pointer-events: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.creative-menu-item:hover>.creative-mega-dropdown,
.creative-menu-item:hover>.creative-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

/* Regular Dropdown */
.creative-dropdown {
    left: 0;
}

.creative-dropdown-panel {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.05);
    min-width: 220px;
    padding: 8px 0;
    overflow: hidden;
}

.creative-dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    font-size: 14px;
    color: #4b5563;
    text-decoration: none;
    transition: all 0.15s;
}

.creative-dropdown-item:hover {
    background: #eef2ff;
    color: #4338ca;
}

/* Mega Menu Dropdown */
.creative-mega-dropdown {
    left: 50%;
    transform: translateX(-50%) translateY(10px);
}

.creative-menu-item:hover>.creative-mega-dropdown {
    transform: translateX(-50%) translateY(0);
}

.creative-mega-panel {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 25px 80px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.04);
    padding: 24px;
    min-width: 620px;
}

.creative-mega-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
}

.creative-mega-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.2s;
}

.creative-mega-item:hover {
    background: #f8fafc;
    transform: translateX(4px);
}

.creative-mega-icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.creative-mega-letter {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

.creative-mega-text {
    flex: 1;
    min-width: 0;
}

.creative-mega-title {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #111827;
    transition: color 0.2s;
}

.creative-mega-item:hover .creative-mega-title {
    color: #4f46e5;
}

.creative-mega-desc {
    display: block;
    font-size: 12px;
    color: #9ca3af;
    margin-top: 2px;
    white-space: normal;
}

/* ===== CATEGORY GRID (Archive Page) ===== */
.cat-header-section {
    padding: 48px 0 32px;
    background: linear-gradient(135deg, #f0f4ff 0%, #ffffff 50%, #f5f0ff 100%);
    border-bottom: 1px solid #e5e7eb;
}

.cat-header-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    text-align: center;
}

.cat-header-image {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 20px;
    overflow: hidden;
    border: 3px solid #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.cat-header-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cat-header-info {
    text-align: center;
}

.cat-header-title {
    font-size: 2.25rem;
    font-weight: 800;
    color: #111827;
    line-height: 1.2;
    margin: 0;
}

.cat-header-title-h2 {
    font-size: 2rem;
    font-weight: 800;
    color: #111827;
    line-height: 1.2;
    margin-bottom:48px;
	text-align:center;
}

.cat-header-desc {
    font-size: 1rem;
    color: #6b7280;
    margin: 6px 0 0;
}

.cat-header-count {
    display: inline-block;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #6366f1;
    background: rgba(99, 102, 241, 0.08);
    padding: 4px 12px;
    border-radius: 20px;
}

.cat-grid-section {
    padding: 32px 0 40px;
}

.cat-grid {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    padding: 6px 0 8px;
    margin-bottom: 30px;
    scrollbar-width: none;
    -ms-overflow-style: none;
    justify-content: center;
    flex-wrap: wrap;
}

.cat-grid::-webkit-scrollbar {
    display: none;
}

.cat-grid-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 16px 20px 12px;
    border-radius: 16px;
    border: 2px solid #e5e7eb;
    background: #fff;
    text-decoration: none;
    transition: all 0.25s ease;
    min-width: 100px;
    cursor: pointer;
    position: relative;
}

.cat-grid-card:hover {
    border-color: #c7d2fe;
    background: #f5f3ff;
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(99, 102, 241, 0.12);
}

.cat-grid-active {
    border-color: #6366f1 !important;
    background: #eef2ff !important;
    box-shadow: 0 4px 16px rgba(99, 102, 241, 0.18);
}

.cat-grid-active .cat-grid-label {
    color: #4338ca;
}

.cat-grid-img {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3f4f6;
    border: 2px solid #e5e7eb;
}

.cat-grid-active .cat-grid-img {
    border-color: #a5b4fc;
}

.cat-grid-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cat-grid-placeholder {
    font-size: 22px;
    font-weight: 800;
    color: #6366f1;
    background: linear-gradient(135deg, #eef2ff, #e0e7ff);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cat-grid-placeholder-icon {
    color: #6366f1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #eef2ff, #e0e7ff);
}

.cat-grid-label {
    font-size: 13px;
    font-weight: 700;
    color: #374151;
    white-space: nowrap;
}

.cat-grid-count {
    font-size: 11px;
    color: #9ca3af;
    font-weight: 500;
    position: absolute;
    top: 8px;
    right: 10px;
    background: #f3f4f6;
    padding: 1px 7px;
    border-radius: 10px;
}

.scroll-navbar-nav {
    padding-top: 80px;
    position: sticky;
    z-index: 40;
    width: 100%;
    top: 32px;
}

.blogSlider .swiper-slide {
    height: auto;
    display: flex;
}

.blog-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #d1d5db;
    opacity: 1;
    margin: 0 4px;
    transition: all 0.3s ease;
}

.blog-pagination .swiper-pagination-bullet-active {
    background: #4f46e5;
    width: 20px;
    border-radius: 999px;
}

.ctp-panels .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #d1d5db;
    opacity: 1;
    margin: 0 4px;
    transition: all 0.3s ease;
}

.ctp-panels .swiper-pagination .swiper-pagination-bullet-active {
    background: #4f46e5;
    width: 20px;
    border-radius: 999px;
}

.blogSlider .card {
    width: 100%;
}

.ctp-wrap .swiper-slide .card {
    height: 100%;
}

.ctp-tabs {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.ctp-tab {
    padding: 12px 24px;
    border: 1px solid #ddd;
    border-radius: 30px;
    cursor: pointer;
    background: #fff;
    transition: 0.3s;
    font-size: 18px;
    margin-top: 16px;
}

.ctp-tab.active, .ctp-tab:hover {
    background: #111;
    color: #fff;
}

.ctp-panel {
    display: none;
}

.ctp-panel.active {
    display: block;
}

.ctp-slider {
    padding: 10px;
}

.ctp-title {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 25px;
}

.ctp-card {
    display: block;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    text-decoration: none;
    color: inherit;
}

.ctp-card img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.ctp-card-body {
    padding: 12px;
}

.ctp-card-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
}

.ctp-card-sales {
    font-size: 12px;
    color: #666;
}

.ctp-card-price {
    margin-top: 8px;
    font-weight: 700;
}

.ctp-panels .swiper-button-next::after,
.ctp-panels .swiper-button-prev::after {
    background-color: #fff;
    font-size: 19px;
    font-weight: bold;
}

.ctp-panels .swiper-button-next,
.ctp-panels .swiper-button-prev {
    background: #fff;
    border-radius: 50%;
    padding: 21px;
}

.ctp-panels .swiper-wrapper,
.blogSlider .swiper-wrapper {
    padding-top: 40px;
    padding-bottom: 80px;
}

.ctp-panels .swiper-slide {
    height: auto;
    display: flex;
    flex-direction: column;
}

.ctp-panels .swiper-button-prev.swiper-button-disabled,
.ctp-panels .swiper-button-next.swiper-button-disabled {
    opacity: 0.8;
}

.section-subheading {
    max-width: 100%;
    width: 490px;
}

@media(max-width:991px) {
    .scroll-navbar-nav {
        top: 46px;
    }
}

.cat-grid-section .cat-grid-count {
    color: #000;
    position: unset;
}

.cat-grid-active .cat-grid-count {
    background: #c7d2fe;
    color: #4338ca;
}

@media (max-width: 640px) {
    .cat-header-title {
        font-size: 1.75rem;
    }

    .cat-header-inner {
        flex-direction: column;
        text-align: center;
    }

    .cat-header-inner:has(.cat-header-image) .cat-header-info {
        text-align: center;
    }

    .cat-grid {
        justify-content: flex-start;
        flex-wrap: nowrap;
    }

    .cat-grid-card {
        min-width: 90px;
        padding: 12px 14px 10px;
    }

    .cat-grid-img {
        width: 44px;
        height: 44px;
        border-radius: 12px;
    }
}

/* Home page: remove cat-grid bottom margin */
.home .cat-grid {
    margin-bottom: 0;
}

/* ===== TECH STACK (Single Product) ===== */
.tech-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 24px;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    background: #f9fafb;
}

.tech-item .t-dot {
    width: 12px;
    height: 12px;
    border-radius: 4px;
    flex-shrink: 0;
}

.tech-item span {
    font-size: 0.88rem;
    font-weight: 700;
    color: #111827;
}

.tech-item small {
    font-weight: 500;
    color: #6b7280;
    margin-left: 6px;
}

/* ===== CATEGORY FAQ ACCORDION ===== */
.creative-faq-section {
    padding: 64px 0;
    background: #f9fafb;
}

.creative-faq-header {
    text-align: center;
    margin-bottom: 40px;
}

.creative-faq-title {
    font-size: 2rem;
    font-weight: 800;
    color: #111827;
    margin: 0 0 8px;
}

.creative-faq-subtitle {
    font-size: 1rem;
    color: #6b7280;
    margin: 0;
}

.creative-faq-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.creative-faq-details {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
    transition: box-shadow 0.2s;
}

.creative-faq-details[open] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
    border-color: #c7d2fe;
}

.creative-faq-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    color: #1f2937;
    gap: 12px;
    list-style: none;
    transition: color 0.2s;
}

.creative-faq-summary::-webkit-details-marker {
    display: none;
}

.creative-faq-summary::marker {
    display: none;
    content: '';
}

.creative-faq-summary:hover {
    color: #4f46e5;
}

.creative-faq-chevron {
    flex-shrink: 0;
    transition: transform 0.3s;
    color: #9ca3af;
}

.creative-faq-details[open] .creative-faq-chevron {
    transform: rotate(180deg);
    color: #4f46e5;
}

.creative-faq-detail-answer {
    padding: 0 20px 18px;
}

.creative-faq-detail-answer p {
    font-size: 14px;
    line-height: 1.7;
    color: #4b5563;
    margin: 0;
}

/* Contact Form 7 rounded inputs */
.wpcf7-form input[type="email"].rounded-full {
    border-radius: 9999px !important;
}

/* ===================================
           PAGINATION STYLING
           =================================== */

/* Pagination container */
.woocommerce-pagination,
.pagination,
.nav-links,
.page-numbers {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0.5rem !important;
    margin: 2rem 0 !important;
    flex-wrap: wrap !important;
}

.woocommerce-pagination ul,
.pagination ul {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-pagination ul li,
.pagination ul li {
    margin: 0 !important;
}

/* Pagination links */
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span,
.pagination a,
.pagination span,
.nav-links a,
.nav-links span.current,
a.page-numbers,
span.page-numbers {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 2.75rem !important;
    height: 2.75rem !important;
    padding: 0 0.75rem !important;
    font-size: 0.9375rem !important;
    font-weight: 500 !important;
    color: #374151 !important;
    background: white !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0.5rem !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.woocommerce-pagination ul li a:hover,
.pagination a:hover,
.nav-links a:hover,
a.page-numbers:hover {
    color: #4f46e5 !important;
    border-color: #4f46e5 !important;
    background: #f0f9ff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(79, 70, 229, 0.15) !important;
}

/* Current/Active page */
.woocommerce-pagination ul li span.current,
.pagination span.current,
.nav-links span.current,
span.page-numbers.current {
    color: white !important;
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
    border-color: transparent !important;
    box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3) !important;
}

/* Previous/Next buttons */
.woocommerce-pagination ul li a.prev,
.woocommerce-pagination ul li a.next,
.pagination a.prev,
.pagination a.next,
.nav-links a.prev,
.nav-links a.next,
a.page-numbers.prev,
a.page-numbers.next {
    padding: 0 1rem !important;
    font-weight: 600 !important;
}

.woocommerce-pagination ul li a.prev:hover,
.woocommerce-pagination ul li a.next:hover,
a.page-numbers.prev:hover,
a.page-numbers.next:hover {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
    color: white !important;
    border-color: transparent !important;
}

/* Dots/ellipsis */
.woocommerce-pagination ul li span.dots,
.pagination span.dots,
span.page-numbers.dots {
    background: transparent !important;
    border: none !important;
    color: #9ca3af !important;
    min-width: auto !important;
    padding: 0 0.25rem !important;
}

/* Responsive */
@media (max-width: 640px) {

    .woocommerce-pagination ul li a,
    .woocommerce-pagination ul li span,
    .pagination a,
    .pagination span,
    a.page-numbers,
    span.page-numbers {
        min-width: 2.25rem !important;
        height: 2.25rem !important;
        font-size: 0.875rem !important;
        padding: 0 0.5rem !important;
    }
}

/* Hide shipping fields */
.woocommerce-shipping-fields,
#ship-to-different-address {
    display: none !important;
}

/* Hide order notes - Classic checkout */
.woocommerce-additional-fields,
.woocommerce-additional-fields__field-wrapper,
#order_comments_field,
.woocommerce-checkout .woocommerce-additional-fields h3,
textarea#order_comments {
    display: none !important;
}

/* Hide order notes - WooCommerce Blocks checkout */
.wc-block-checkout__order-notes,
.wc-block-checkout__add-note,
.wc-block-checkout__form .wc-block-checkout__add-note,
.wc-block-checkout__form .wc-block-checkout__order-notes,
.wc-block-components-textarea,
.wp-block-woocommerce-checkout-order-note-block,
[data-block-name="woocommerce/checkout-order-note-block"] {
    display: none !important;
}