/**
 * Override Primary Color: #eb1e2f (Red) -> Green
 * Target colors:
 *   Primary: #096d3b
 *   Hover/Darker: #096d3b
 *   Light background: rgba(9, 109, 59, .12)
 */

/* ============================================
   CSS VARIABLES (if theme uses them)
   ============================================ */
   :root {
    --primary-color: #096d3b !important;
    --primary-color-hover: #096d3b !important;
    --primary-color-light: rgba(9, 109, 59, .12) !important;
}

/* ============================================
   HEADER / TOPBAR / NAVIGATION
   ============================================ */
/* Top navigation bar background */
.topnav {
    background: #096d3b !important;
}

/* Menu header active/hover states */
.menu_header > ul > li.current-menu-item > a,
.menu_header > ul > li.current-menu-ancestor > a,
.menu_header > ul > li.current_page_item > a,
.menu_header > ul > li.current_page_ancestor > a,
.menu_header > ul > li:hover > a,
.menu_header > ul > li:focus > a {
    color: #096d3b !important;
}

/* ============================================
   SEARCH FORM
   ============================================ */
/* Search input border */
form#searchform input#s {
    border-color: #096d3b !important;
}

/* Search submit button */
form#searchform button#searchsubmit {
    background: #096d3b !important;
}
a.menu_danhmuc_btn {
	background: #096d3b !important;
}
#gototop {
    background: #096d3b !important;
}
.price .amount {
    border-color: #096d3b !important;
    color: #096d3b !important;
}
.hotline_detail a {
    color: #096d3b !important;
}
.amount {
    color: #096d3b !important;
}
a.title_more {
    color: #096d3b !important;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    color: #096d3b !important;
}
.btn-default {
    background: #096d3b !important;
}
a[class^="add_to_compare"] {
    color: #096d3b !important;
}

.woocommerce .woocommerce-ordering a.active:after, .woocommerce .woocommerce-ordering a:hover:after {
    background-color: #096d3b;
}

.woocommerce .woocommerce-ordering a.active:before, .woocommerce .woocommerce-ordering a:hover:before {
    border-color: #096d3b;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    border: 1px solid #096d3b !important;
}


/* ============================================
   ICON BOXES / HEADER ELEMENTS
   ============================================ */
.icon_box {
    background: #096d3b !important;
}

/* ============================================
   BUTTONS / LINKS / TABS
   ============================================ */
/* Button borders and colors */
a.btn-xemtskt {
    border-color: #096d3b !important;
    color: #096d3b !important;
}

/* Duan tab active state */
ul.duan_tab li a.active {
    background: #096d3b !important;
}

/* Duan tab border and color */
ul.duan_tab li a {
    color: #096d3b !important;
    border-color: #096d3b !important;
}

/* Tab list duan hover */
.tab_list_duan_box:hover {
    color: #096d3b !important;
}

/* News category tabs */
.list_cat_news ul li a {
    color: #096d3b !important;
    border-color: #096d3b !important;
}

.list_cat_news ul li a:hover,
.list_cat_news ul li a.active {
    background: #096d3b !important;
}

/* ============================================
   WOOCOMMERCE ELEMENTS
   ============================================ */
/* WooCommerce widget layered nav */
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:active::before,
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:focus::before,
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:hover::before,
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a::before {
    color: #096d3b !important;
    border-color: #096d3b !important;
    background: #096d3b !important;
}

/* WooCommerce price */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #096d3b !important;
}

/* WooCommerce buttons */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background-color: #096d3b !important;
    border-color: #096d3b !important;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background-color: #096d3b !important;
    border-color: #096d3b !important;
}

/* WooCommerce pagination */
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus {
    background: #096d3b !important;
    border-color: #096d3b !important;
    color: #fff !important;
}

/* WooCommerce checkout checkbox checked */
#ship-to-different-address label input:checked~span:before {
    color: #096d3b !important;
}

/* Checkout buttons */
.devvn_button_checkout button {
    border-color: #096d3b !important;
}

/* ============================================
   SECTION TITLES / HEADINGS
   ============================================ */
/* Devvn title background */
.devvn-title > span,
.devvn-title > h1 {
    background: #096d3b !important;
}

.devvn-title > span:after,
.devvn-title > h1:after {
    border-top-color: #096d3b !important;
}

/* Responsive title border */
@media (max-width: 991px) {
    .devvn-title > span::after,
    .devvn-title > h1::after {
        border-top-color: #096d3b !important;
    }
}

/* ============================================
   LINKS / TEXT COLORS
   ============================================ */
/* Technical specification links */
div#thongsokythuat_rutgon a,
div#thongsokythuat a {
    color: #096d3b !important;
}

/* Read more links */
.devvn_readmore_flatsome a {
    color: #096d3b !important;
}

/* Form content strong */
.form_content .tinymce strong {
    color: #096d3b !important;
}

/* Contact info icons */
ul.list_infor li .fas {
    color: #096d3b !important;
}

/* ============================================
   HOVER STATES / INTERACTIVE ELEMENTS
   ============================================ */
/* List dichvu hover */
.list_dichvu_box:hover {
    background: #096d3b !important;
}

/* Duan image overlay lines */
.devvn_duan_img .devvn_news_img:after,
.devvn_duan_img .devvn_news_img:before {
    background: #096d3b !important;
}

/* ============================================
   BORDERS / OUTLINES
   ============================================ */
/* Various border colors */
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a::before {
    border-color: #096d3b !important;
}

/* ============================================
   SPECIAL ELEMENTS
   ============================================ */
/* SVG fill */
.hotline_detail svg {
    fill: #096d3b !important;
}

/* Khuyen mai spans */
div[class^="khuyen_mai_"] span {
    color: #096d3b !important;
}

/* Khuyen mai buttons */
.butto_km_cat a {
    background-color: #096d3b !important;
}

/* Border top elements */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border-top-color: #096d3b !important;
}

/* Pagination borders */
.woocommerce-pagination .page-numbers.current,
.pagination .page-numbers.current {
    border-color: #096d3b !important;
    color: #096d3b !important;
}

/* ============================================
   RESPONSIVE OVERRIDES
   ============================================ */
/* Responsive styles handled by parent selectors above */

/* ============================================
   ADDITIONAL WOOCOMMERCE SELECTORS
   ============================================ */
/* Sale badges */
.woocommerce span.onsale {
    background-color: #096d3b !important;
}

/* Star ratings active */
.woocommerce .star-rating span::before {
    color: #096d3b !important;
}

/* Product meta links */
.woocommerce div.product .product_meta a {
    color: #096d3b !important;
}

/* Cart totals highlight */
.woocommerce-cart .cart_totals .shop_table .order-total {
    border-top-color: #096d3b !important;
}

/* ============================================
   WIDGET TITLES / SIDEBAR
   ============================================ */
/* Widget title borders */
.widget-title::after,
.title-sidebar::after {
    border-top-color: #096d3b !important;
}

/* ============================================
   FOOTER ELEMENTS (if any)
   ============================================ */
/* Footer links */
.site-footer a:hover {
    color: #096d3b !important;
}

/* ============================================
   ACTIVE / FOCUS STATES
   ============================================ */
/* General active/focus overrides */
*:focus {
    outline-color: rgba(9, 109, 59, 0.5) !important;
}

/* Input focus borders */
input:focus,
textarea:focus,
select:focus {
    border-color: hsl(135, 74%, 27%) !important;
    box-shadow: 0 0 0 1px rgba(9, 109, 59, 0.3) !important;
}

/* ============================================
   GRADIENT OVERRIDES (if any)
   ============================================ */
/* Note: If theme uses gradients with #eb1e2f, add specific overrides here */
/* Example:
   .some-element {
       background: linear-gradient(to bottom, #096d3b, #096d3b) !important;
   }
*/