<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


/*---------------------------------------------------
  1) VARIABLES
---------------------------------------------------*/
:root {
    --accent-color: #df8c4f;
    --accent-color-alt: #f68318;
    --header-bg: #E0A2A2;
    --stock-bg: #b50808;
    --white: #fff;
    --dark-text: #333;
    --light-border: #0000001a;
    --mid-gray: #7a7a7a;
    --brand-hover: rgb(239,119,52);
    --dark-bg: #333;
}

/*---------------------------------------------------
  2) GENERAL OVERRIDES
---------------------------------------------------*/
.element-title {
    text-transform: none !important;
}

/*---------------------------------------------------
  3) HIDE UNWANTED ELEMENTS
---------------------------------------------------*/
.product-labels .onsale,
.product-labels .out-of-stock,
.product-labels .featured,
.stock.in-stock,
.cart_totals .woocommerce-shipping-destination,
p.order-again,
#yith_wcfm-header,
.olx-listings-id {
    display: none;
}

/* Page-specific title hiding */
.page-id-160901 .page-title,
.woocommerce-order-received .page-title {
    display: none;
}

/*---------------------------------------------------
  4) PAGE-SPECIFIC STYLES (ID: 160901)
---------------------------------------------------*/
.page-id-160901 .whb-header-bottom {
    background-color: var(--header-bg);
}

/*---------------------------------------------------
  5) PRODUCT LABELS CONTAINER &amp; POSITIONING
---------------------------------------------------*/
.product-labels {
    margin-top: 35px !important;
    margin-left: 3px;
    position: relative;
    top: 10px !important;
    left: 10px !important;
    max-width: fit-content;
}

/* Attribute labels */
.product-labels .product-label.attribute-label:not(.label-with-img) {
    background-color: var(--accent-color) !important;
    padding: 7px 10px;
    color: var(--white);
    font-weight: 600;
    font-size: 13px;
    border-radius: 50px;
}

/* â€œNewâ€ labels inside product grid or single product */
.product-labels .product-label.new {
    font-size: 12px;
    padding: 0;
    color: var(--white);
    background: var(--accent-color-alt);
    border-radius: 1px;
    margin-top: 3px;
}

.product-label.new img {
    width: 70px;
}

.archive .product-label.new img {
    width: 55px;
    margin-top: -3px;
}

.new-text-break {
    display: block;
    padding-bottom: 3px;
}

.archive .product-label.new {
    font-size: 11px;
}

.archive .new-text-break {
    padding-bottom: 3px;
}

/* Out-of-stock label style */
.product-label.out-of-stock {
    background-color: var(--accent-color) !important;
    color: var(--white) !important;
}

/* WooCommerce gallery product labels */
.woocommerce-product-gallery .product-labels {
    max-width: fit-content;
}

/* Span â€œOn Saleâ€ badge */
span.onsale {
    background-color: var(--accent-color) !important;
    color: var(--white) !important;
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 3px 10px;
    border-radius: 50px;
    font-weight: 600 !important;
    z-index: 9;
}

/*---------------------------------------------------
  6) SHOP CATEGORY TITLES
---------------------------------------------------*/
.shopCategoryCol h5 {
    background-color: var(--white);
    color: var(--dark-text);
    border-radius: 50px;
    height: 42px;
    border: 1px solid var(--light-border);
    font-size: 12px;
    font-weight: 600;
    padding: 12px 15px;
}

/*---------------------------------------------------
  7) STOCK STATUS
---------------------------------------------------*/
.stock.out-of-stock {
    background-color: var(--stock-bg);
    color: var(--white) !important;
    text-transform: uppercase;
    padding: 10px;
    width: 150px;
    text-align: center;
}

/*---------------------------------------------------
  8) WHB STICKED DROPDOWN ADJUSTMENT
---------------------------------------------------*/
.whb-sticked .whb-header-bottom .wd-dropdown {
    margin-top: 0 !important;
}

/*---------------------------------------------------
  9) DROPDOWN DEFAULT STYLE (WD-Design-Default)
---------------------------------------------------*/
.wd-dropdown-menu.wd-design-default {
    padding: 12px 0;
}

.wd-dropdown-menu.wd-design-default .wd-dropdown {
    top: -12px;
    margin: 0;
    padding: 12px 0;
}

/*---------------------------------------------------
 10) NAVIGATION &amp; DROPDOWN (WD-Design-Aside)
---------------------------------------------------*/
.wd-header-nav span {
    text-transform: uppercase !important;
    letter-spacing: .2px;
}

.wd-nav[class*="wd-style-"] &gt; li &gt; a {
    color: var(--white);
}

.wd-dropdown-menu.wd-design-aside.wd-style-with-bg .wd-sub-menu-wrapp &gt; .wd-sub-menu {
    background-color: rgba(16, 16, 16, 1) !important;
}

.wd-dropdown-menu.wd-design-aside .wd-sub-menu-wrapp &gt; .wd-sub-menu {
    min-height: 500px !important;
}

/* WD sub-menu link padding */
.wd-sub-menu li &gt; a {
    padding-left: 15px;
    padding-right: 15px;
}

/*---------------------------------------------------
 11) FOOTER LINKS
---------------------------------------------------*/
.footermenu a {
    color: var(--white) !important;
}

.footermenu a:hover {
    color: var(--brand-hover) !important;
}

/*---------------------------------------------------
 12) WC BIS SEND FORM
---------------------------------------------------*/
.wc_bis_send_form {
    position: absolute;
    right: 6px;
    bottom: 27px;
    border-radius: 35px;
    background: var(--dark-bg);
    color: var(--white);
    text-transform: uppercase;
}

.logged-in .wc_bis_send_form {
    position: unset;
}

#wc_bis_email {
    height: 55px;
}

/*---------------------------------------------------
 13) NEWSLETTER POPUP
---------------------------------------------------*/
#newsletterPopup h2 {
    cursor: pointer !important;
}

/*---------------------------------------------------
 14) ARCHIVE WLR PRODUCT MESSAGE
---------------------------------------------------*/
.archive .wlr-product-message {
    font-size: 12px;
}

/*---------------------------------------------------
 15) PAGE TITLE FONT SIZE
---------------------------------------------------*/
.page-title .title {
    font-size: 22px !important;
}

/*---------------------------------------------------
 16) YITH PAR MESSAGES
---------------------------------------------------*/
.type-product.product .yith-par-message.yith-par-message-product,
.yith-par-message-variation {
    margin: -10px 0 !important;
    background: #ef77341a !important;
    color: #ef7734 !important;
    font-size: 12px !important;
    padding: 7px 15px !important;
}

.type-product.product .yith-par-message.yith-par-message-loop {
    margin-bottom: 0;
    margin-top: 5px;
}

/*---------------------------------------------------
 17) CART &amp; ORDER TABLE HEADERS
---------------------------------------------------*/
.cart_totals table tr th,
.orderReview table tr th,
.woocommerce-order-details table tr th {
    text-transform: uppercase;
    font-size: 14px !important;
}

/* WooCommerce cart adjustments */
.woocommerce-cart .wd-coupon-form {
    justify-content: flex-end;
}

/* Woocommerce error/message/info gap */
:is(.woocommerce-error, .woocommerce-message, .woocommerce-info) {
    gap: 0px 7px;
}

/*---------------------------------------------------
 18) YWPAR STYLES
---------------------------------------------------*/
.ywpar_entry_info_title {
    text-transform: uppercase;
}

.ywpar_level span {
    font-size: 16px;
    text-transform: uppercase;
    color: var(--mid-gray) !important;
    padding-top: 15px !important;
    display: block;
}

.ywpar_level img {
    max-width: 65px !important;
}

.ywpar_tabs_links {
    text-transform: uppercase;
}

td.ywpar_points_rewards-points {
    text-transform: lowercase;
}

/*---------------------------------------------------
 19) WOOCOMMERCE ORDER CONTAINER
---------------------------------------------------*/
.woocommerce-order:not(.wd-with-extra-content) {
    margin: 0 auto;
    max-width: 100%;
}

/*---------------------------------------------------
 20) SHOP FILTER TITLES
---------------------------------------------------*/
.shopfilteri h5.widget-title {
    text-transform: uppercase !important;
    font-size: 17px;
    margin-bottom: 15px;
}

/*---------------------------------------------------
 21) MARK BACKGROUND
---------------------------------------------------*/
mark {
    background-color: transparent;
}

/*---------------------------------------------------
 22) ELEMENTOR BUTTON HOVER FIX
---------------------------------------------------*/
.elementor-button:hover {
    cursor: pointer !important;
}

/*---------------------------------------------------
 23) BRANDS WIDGET IMAGES
---------------------------------------------------*/
.brands-widget .brand-item img {
    max-height: 120px;
    height: 130px;
}

/*---------------------------------------------------
 24) MOBILE NAV &amp; RESPONSIVE ADJUSTMENTS
---------------------------------------------------*/
@media only screen and (max-width: 768px) {
    .mobile-nav .wd-nav-mob-tab &gt; li {
        max-width: 100%;
    }
    .mobile-nav .mobile-categories-title {
        display: none;
    }
    .wd-nav-mob-tab &gt; li.wd-active &gt; a {
        background-color: #ffffff;
    }
    .mobile-nav .searchform input[type="text"] {
        height: 60px;
    }
    .product-grid-item .wd-entities-title {
        overflow: unset !important;
        max-height: unset !important;
        line-height: unset !important;
    }
    span.price ins {
        display: block;
    }
}

/*---------------------------------------------------
 25) SINGLE PRODUCT IFRAME
---------------------------------------------------*/
.elementor-widget-wd_single_product_content iframe {
    min-height: 640px;
}

/*---------------------------------------------------
 26) ENTITIES TITLE OVERFLOW
---------------------------------------------------*/
.wd-entities-title {
    overflow: unset !important;
    max-height: 100% !important;
    line-height: auto !important;
}

/*---------------------------------------------------
 27) HIDE RECAPTCHA BADGE
---------------------------------------------------*/
.grecaptcha-badge {
    visibility: hidden !important;
}

/*---------------------------------------------------
 28) PRODUCT GALLERY SIZING
---------------------------------------------------*/
.woocommerce-product-gallery__image,
.woocommerce-product-gallery img {
    max-height: 671px;
    object-fit: contain;
}

/*---------------------------------------------------
 29) PRODUCT IMAGE THUMBNAILS
---------------------------------------------------*/
div.product-iamge-thumbnail,
.product-image-thumbnail img {
    max-height: 164.75px !important;
    object-fit: contain;
}

/*---------------------------------------------------
 30) SIZE CHART BUTTON
---------------------------------------------------*/
.md-size-chart-btn {
    color: black !important;
    border-radius: 25px;
}

.md-size-chart-btn:hover {
    border: solid var(--accent-color-alt) 1px;
}

/*---------------------------------------------------
 31) MENU ITEM HIGHLIGHTS
---------------------------------------------------*/
#menu-item-187971 &gt; a &gt; span,
#menu-header-menu-2 &gt; li.menu-item-187971 &gt; a &gt; span {
    color: red !important;
    font-size: larger !important;
}

#menu-item-187971 &gt; a &gt; span:hover,
#menu-header-menu-2 &gt; li.menu-item-187971 &gt; a &gt; span:hover {
    color: var(--accent-color) !important;
}

#menu-item-187977 &gt; a {
    color: red !important;
}

#menu-item-187977 &gt; a:hover {
    color: var(--accent-color) !important;
}

/* In some themes, submenu items inherit directly from ID; this ensures both contexts */
#menu-header-menu-2 &gt; li.menu-item-187971 &gt; ul li.menu-item-187977 &gt; a {
    color: red !important;
}

#menu-header-menu-2 &gt; li.menu-item-187971 &gt; ul li.menu-item-187977 &gt; a:hover {
    color: var(--accent-color) !important;
}

/*---------------------------------------------------
 32) SPECIFIC DROPDOWN POSITION ADJUSTMENT
---------------------------------------------------*/
#menu-item-133845 .wd-dropdown-menu.wd-design-default .wd-dropdown {
    left: -100%;
}

/*---------------------------------------------------
 33) â€œOLX Listingâ€ HACK
---------------------------------------------------*/
/* sakriva olx listing u product grid-u */
.olx-listings-id {
    display: none;
}

/*---------------------------------------------------
 34) ATTRIBUTE TOOLTIP (pointer-events)
---------------------------------------------------*/
.atributOpis {
    pointer-events: none;
}

/*---------------------------------------------------
 35) YITH WCFM HEADER HIDE
---------------------------------------------------*/
#yith_wcfm-header {
    display: none !important;
}

/*---------------------------------------------------
 36) SHOPFILTERI WIDGET TITLE
---------------------------------------------------*/
.shopfilteri h5.widget-title {
    text-transform: uppercase !important;
    font-size: 17px;
    margin-bottom: 15px;
}

/*---------------------------------------------------
 37) BRANDS PAGE HOVER &amp; UPPERCASE
---------------------------------------------------*/
#brendovi-slike .wd-brand-item {
    border: 1px solid transparent;
    transition: border-color 0.3s ease;
}

#brendovi-slike .wd-brand-item:hover {
    border-color: var(--brand-hover);
}

#brendovi-lista {
    text-transform: uppercase;
}

/*---------------------------------------------------
 38) Equalize productâ€grid images on tablet &amp; desktop
     (but not on mobile)
---------------------------------------------------*/
@media (min-width: 768px) {
  .wd-product-grid-slide {
    min-height: 327.5px !important;
    max-height: 327.5px !important;
    background-size:  contain !important;
    background-position: center center !important;
    background-repeat:  no-repeat  !important;
  }
  .product-element-top {
    min-height: 327.5px !important;
    max-height: 327.5px !important;
    background-size:  contain !important;
    background-position: center center !important;
    background-repeat:  no-repeat  !important;
  }
  .wd-quick-shop {
    min-height: 327.5px !important;
    max-height: 327.5px !important;
    background-size:  contain !important;
    background-position: center center !important;
    background-repeat:  no-repeat  !important;
  }
  .product-image-link {
    min-height: 327.5px !important;
    max-height: 327.5px !important;
    background-size:  contain !important;
    background-position: center center !important;
    background-repeat:  no-repeat  !important;
  }
}
</pre></body></html>