/*
Theme Name:     DukaMarket
Theme URI:      https://dukamarket.kutethemes.net/
Author:         Kutethemes
Author URI:     https://kutethemes.com/
License:        GNU General Public License v1 or later
License URI:    https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    dukamarket
Version:        1.3.0
Description:    DukaMarket theme Shop is a simple but modern responsive WordPress theme that oozes high-street sophistication. Its sharp lines and flat design style has been designed to be pixel perfect. Simply load your photography and you can have an online shop to matches the likes of Prada, Gucci and Yves St Laurent.
Tags:           two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, 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 with others.
*/

@import url("assets/css/style.css");

/*==========================================================================
 DUKAMARKET MODERN UI/UX OVERHAUL (PRIMARY FALLBACK)
 ===========================================================================*/

/* --- 1. Typography & Global Polish --- */
body, input, textarea, select, button {
    font-family: 'Plus Jakarta Sans', 'Inter', Rubik, -apple-system, BlinkMacSystemFont, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #0f172a;
}

/* --- 2. Glassmorphism Header & Sticky Navigation --- */
.header-sticky.is-sticky {
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.08);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.header-search .search-form {
    border-radius: 12px;
    overflow: hidden;
    transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

.header-search .search-form:focus-within {
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

/* --- 3. Buttons Micro-Interactions --- */
button, .button, input[type="submit"], input[type="button"], a.button, 
.add-to-cart > a, .single_add_to_cart_button, .checkout-button, .place-order,
.woocommerce .wishlist_table .product-add-to-cart a, .added_to_cart, .elementor-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 99px !important;
    font-weight: 700;
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 12px 28px;
    border: none;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

button:hover, .button:hover, input[type="submit"]:hover, input[type="button"]:hover, a.button:hover, 
.add-to-cart > a:hover, .single_add_to_cart_button:hover, .checkout-button:hover, .place-order:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px -4px rgba(252, 190, 0, 0.45);
}

/* --- 4. Product Cards --- */
.product-item .product-inner {
    border-radius: 12px;
    background: #fff;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.product-item:hover .product-inner {
    transform: translateY(-4px);
    box-shadow: 0 16px 32px -8px rgba(15, 23, 42, 0.1);
}

.product-item .product-thumb img {
    border-radius: 10px;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.product-item:hover .product-thumb img {
    transform: scale(1.04);
}

/* --- 5. Single Product Page --- */
.single-product-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    width: 100% !important;
}

.single-product-wrapper > .summary.entry-summary,
.single-product-wrapper > .summary.entry-summary.slick-slide {
    width: 52% !important;
    max-width: 52% !important;
    flex: 0 0 52% !important;
    display: block !important;
    white-space: normal !important;
}

.single-product .product_title {
    font-size: 30px !important;
    font-weight: 800 !important;
    letter-spacing: -0.025em !important;
    color: #0f172a !important;
    white-space: normal !important;
    word-break: normal !important;
    display: block !important;
    width: 100% !important;
}

.single-product .price {
    font-size: 30px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

.single-product .quantity {
    display: inline-flex;
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 99px;
    padding: 4px 8px;
}

.woocommerce-tabs ul.tabs li.active a {
    background: #0f172a !important;
    color: #ffffff !important;
    border-radius: 99px !important;
}

/* --- 6. Cart & Checkout --- */
.woocommerce-cart .shop_table.cart,
.woocommerce-checkout #order_review {
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}

.woocommerce-checkout-payment {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
}

/* --- 7. Footer Page --- */
footer, .footer, .site-footer, .ovic-footer {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

footer.site-footer, footer#footer, .footer.style-01, .site-footer {
    background: #0f172a !important;
    color: #cbd5e1 !important;
}

footer.site-footer a, footer#footer a, .footer.style-01 a, .site-footer a {
    color: #cbd5e1 !important;
}

footer.site-footer a:hover, footer#footer a:hover, .footer.style-01 a:hover, .site-footer a:hover {
    color: var(--main-color) !important;
}

footer.site-footer .widget-title, footer#footer .widget-title, .footer.style-01 .widget-title, .site-footer .widget-title {
    color: #ffffff !important;
}

.backtotop, a.backtotop, .action-to-top {
    position: fixed !important;
    bottom: 30px !important;
    right: 30px !important;
    border-radius: 50% !important;
    background: #0f172a !important;
    color: #ffffff !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25) !important;
    z-index: 999 !important;
}