/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

#header .header-row {
    flex-direction: row !important;
}
#copyrights{
    padding: 20px 0;
}
#footer .footer-widgets-wrap{
    padding: 20px 0;
}

/* ---- Culoarea temei: utilitare ---- */
.text-theme   { color: var(--cnvs-themecolor) !important; }
.bg-theme     { background-color: var(--cnvs-themecolor) !important; }
.border-theme { border-color: var(--cnvs-themecolor) !important; }

/* Buton plin în culoarea temei (folosește variabilele de buton din Bootstrap 5) */
.btn-theme {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--cnvs-themecolor);
	--bs-btn-border-color: var(--cnvs-themecolor);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: color-mix(in srgb, var(--cnvs-themecolor) 85%, #000);
	--bs-btn-hover-border-color: color-mix(in srgb, var(--cnvs-themecolor) 85%, #000);
	--bs-btn-active-bg: color-mix(in srgb, var(--cnvs-themecolor) 80%, #000);
	--bs-btn-active-border-color: color-mix(in srgb, var(--cnvs-themecolor) 80%, #000);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--cnvs-themecolor);
	--bs-btn-disabled-border-color: var(--cnvs-themecolor);
}

/* Variantă outline */
.btn-outline-theme {
	--bs-btn-color: var(--cnvs-themecolor);
	--bs-btn-border-color: var(--cnvs-themecolor);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--cnvs-themecolor);
	--bs-btn-hover-border-color: var(--cnvs-themecolor);
	--bs-btn-active-bg: var(--cnvs-themecolor);
	--bs-btn-active-border-color: var(--cnvs-themecolor);
}

/* Denumire produs pe exact 2 rânduri; restul tăiat cu „…” */
.product-title h3 {
	margin-bottom: .5rem;
}
.product-title h3 a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;            /* varianta standard */
	overflow: hidden;
	line-height: 1.4;
	height: 2.8em;           /* 2 × line-height → rezervă mereu 2 rânduri */
}

.tab-content p{
    margin-bottom: 5px;
}

/* ===== SIDEBAR CATEGORII ===== */
.cat-sidebar-root,
.cat-sidebar-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
}

.cat-sidebar-item {
    display: block !important;
    padding: 0 !important;
}

/* randul cu link + buton — flex orizontal */
.cat-sidebar-row {
    display: flex !important;
    align-items: center !important;
    /* border-bottom: 1px solid #f0f0f0 !important; */
    gap: 4px !important;
}

.cat-sidebar-link {
    flex: 1 1 auto !important;
    display: block !important;
    padding: 8px 4px 8px 0 !important;
    color: var(--cnvs-body-color, #333) !important;
    text-decoration: none !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    border: none !important;
    background: none !important;
}
.cat-sidebar-link:hover,
.cat-sidebar-link.activa {
    color: var(--cnvs-themecolor, #b88c46) !important;
}
.cat-sidebar-link.activa {
    font-weight: 600 !important;
}

/* buton toggle */
.cat-sidebar-toggle {
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    color: #bbb !important;
    font-size: 11px !important;
    transition: color .2s !important;
}
.cat-sidebar-toggle:hover { color: var(--cnvs-themecolor, #b88c46) !important; }
.cat-sidebar-toggle i {
    display: block !important;
    transition: transform .25s !important;
}
.cat-sidebar-toggle[aria-expanded="true"] i {
    transform: rotate(90deg) !important;
}

/* niveluri imbricate */
.cat-sidebar-item > .collapse > .cat-sidebar-list,
.cat-sidebar-item > .collapsing > .cat-sidebar-list {
    padding-left: 12px !important;
    margin: 2px 0 4px !important;
}
.cat-sidebar-item .cat-sidebar-item .cat-sidebar-link {
    font-size: 13px !important;
    color: #555 !important;
}
.cat-sidebar-item .cat-sidebar-item .cat-sidebar-item .cat-sidebar-link {
    font-size: 12px !important;
    color: #888 !important;
}

/* badge reducere pe imagine */
.badge-reducere {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    background: #e74c3c;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.1;
    text-align: center;
    pointer-events: none;
    letter-spacing: .2px;
}

.badge-reducere-lg {
    font-size: 13px;
    width: 56px;
    height: 56px;
}
.taxa-verde{
    color: #14974a;
    display: block;
    font-size: 10px;
}