:root {
	--wd-text-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(68,68,68);
	--wd-text-font-size: 16px;
	--wd-title-font: var(--wd-text-font);
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: var(--wd-title-font);
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: var(--wd-text-font);
	--wd-widget-title-font: var(--wd-title-font);
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: var(--wd-text-font);
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(42,121,191);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: rgb(42,121,191);
	--btn-default-bgcolor-hover: rgb(0,102,191);
	--btn-accented-bgcolor: rgb(42,121,191);
	--btn-accented-bgcolor-hover: rgb(0,102,191);
	--btn-transform: uppercase;
	--btn-color: rgb(255,255,255);
	--btn-font-size: 15px;
	--btn-bgcolor: rgb(42,121,191);
	--btn-color-hover: rgb(255,255,255);
	--btn-bgcolor-hover: rgb(0,102,191);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(30,115,190);
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,247,247);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,247,247);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,247,247);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,247,247);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,247,247);
	background-image: none;
}
.woodmart-archive-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,247,247);
	background-image: none;
}
.single-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,247,247);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1600px;
--wd-form-brd-radius: 5px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 5px;
}

@media (min-width: 1600px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(30,115,190);
}

/* ==========================================================================
   NUCLEUL RESPONSIV: LAYOUT BAZAT PE DIV-URI (DESKTOP VS MOBIL)
   ========================================================================== */

/* CONTAINER GENERAL */
.stm-table-responsive {
    width: 100%;
    margin: 20px 0;
    box-sizing: border-box;
}

/* STRUCTURA PE DESKTOP (Ecrane mari) */
@media screen and (min-width: 769px) {
    .stm-table-thead {
        display: flex;
    
        font-weight: bold;
        border-bottom: 2px solid #ccc;
        padding: 12px;
    }

    .stm-table-tr {
        display: flex;
        border-bottom: 1px solid #eee;
        padding: 12px;
        align-items: center;
        transition: background-color 0.2s ease;
    }

    .stm-table-tr:hover {
        background-color: #fafafa;
    }

    /* Distribuția egală a coloanelor pe orizontală */
    .stm-th, .stm-td {
        flex: 1;
        padding: 0 8px;
        box-sizing: border-box;
        text-align: left;
    }

    /* Coloana de acțiuni / butoane aliniată la dreapta pe desktop */
    .stm-actions-td {
        text-align: right;
        display: flex;
        justify-content: flex-end;
    }
}

/* STRUCTURA PE MOBIL (Rearanjare automată sub formă de carduri) */
@media screen and (max-width: 768px) {
    .stm-table-thead {
        display: none; /* Ascundem complet antetul clasic de tabel */
    }

    .stm-table-tbody {
        display: flex;
        flex-direction: column;
        gap: 16px; /* Spațiu clar între carduri */
    }

    /* Fiecare rând devine un card independent, curat și scos în evidență */
    .stm-table-tr {
        display: block;
        background: #ffffff;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        padding: 16px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.02);
    }

    /* Fiecare celulă de date se transformă într-un rând vertical complet */
    .stm-table-tr .stm-td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 0;
        border-bottom: 1px dashed #f0f0f0;
        text-align: right;
    }

    .stm-table-tr .stm-td:last-child {
        border-bottom: none;
        padding-bottom: 0;
        margin-top: 8px;
    }

    /* Generăm dinamic etichetele în stânga fiecărei date (Denumire, Status etc.) citind atributul data-label */
    .stm-table-tr .stm-td::before {
        content: attr(data-label);
        font-weight: bold;
        text-align: left;
        color: #555555;
        padding-right: 16px;
    }

    /* Zona de butoane pe mobil se aliniază complet la dreapta în interiorul cardului */
    .stm-table-tr .stm-actions-td {
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }
}
:is(.btn,.button,button,[type=submit],[type=button]) {border-radius:5px;     margin-top: 20px;}
.stm-header-title-row, .stm-form-header {display:flex;    align-content: center;    align-items: center;    flex-direction: row;    justify-content: space-between;}
.stm-project-view, .stm-task-view, .stm-form-container {display:flex; flex-direction:column;gap:20px;}
.stm-section-header, .stm-section-meta, .stm-section-team,.stm-section-tasks, .stm-section-discussions, .stm-section-creasoft, .stm-form-header, .stm-profile-form, .stm-modern-form, .stm-readonly-profile-grid, .stm-section-associated-projects , .stm-dashboard-container .stm-table-responsive {padding:20px; border-radius:10px;background:white;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);}
.wd-page-content {background:rgb(247,247,247)!important;}
.stm-btn-back-right, .stm-card-actions a, .stm-btn-action, .stm-btn-back, .stm-btn-link {position: relative;    display: inline-flex;    align-items: center;    justify-content: center;    gap: 5px;    outline: none;    border-radius: var(--btn-brd-radius, 0px);
    vertical-align: middle;    text-align: center;    text-decoration: none !important;    text-shadow: none;    line-height: 1.2;    cursor: pointer;    transition: all .25s ease;    color: var(--btn-color, #3E3E3E);    border: var(--btn-brd-width, 0px) var(--btn-brd-style, solid) var(--btn-brd-color, #E9E9E9);    background-color: var(--btn-bgcolor, #F3F3F3);    box-shadow: var(--btn-box-shadow, unset);    text-transform: var(--btn-transform, uppercase);    font-weight: var(--btn-font-weight, 600);    font-family: var(--btn-font-family, inherit);    font-style: var(--btn-font-style, unset);    padding: var(--btn-padding, 5px 20px);    min-height: var(--btn-height, 42px);    font-size: var(--btn-font-size, 13px);border-radius:5px;}
.stm-meta-grid {    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;}
.stm-meta-item {display:flex; flex-direction:column; gap:10px;}
.stm-meta-label {font-size:120%; font-weight:600; color:black;}
.stm-person-card {display: flex;    flex-direction: row;    align-items: center;    gap: 20px;}
.stm-card-avatar-wrapper {max-width:80px;}
.stm-card-avatar-wrapper img {border-radius:50%;}
.stm-card-details {display:flex;flex-direction:column;gap:10px; width: calc(90% - 80px);}
.stm-card-actions {display:flex;width:10%;    justify-content: flex-end;}
.stm-card-details .stm-card-name {font-size:125%; color:black;font-weight:600;}
.stm-dashboard-header {display:flex; justify-content: flex-end;}
/* Badges */

.stm-badge {font-weight:600;}
.stm-prio-mare {color:green;}
.stm-status-de_facut {color:orange;}

/* END Badges */
/* profil */
.stm-profile-avatar-square-master {aspect-ratio: 1 / 1;    border-radius: 50%;    margin-bottom: 20px; max-width:90%;}
.stm-profile-main-content {    width: 80%;    display: flex;    flex-direction: column;    gap: 20px;}
.stm-profile-sidebar {width:20%;}
.stm-profile-container, .stm-form-row  {display: flex;  flex-direction:row;   gap: 20px;}
.stm-profile-form, .stm-modern-form {display:flex;gap:20px;flex-direction:column;}
.stm-readonly-profile-grid {display:flex;gap:10px;flex-direction:column;}
.stm-form-group {width:100%;}
.stm-form-group label, .stm-readonly-label {font-weight:600;color:black;}
/* end Profil */

/* ==========================================================================
   CONFIGURARE SĂGEATĂ ȘI SCROLL VERTICAL PENTRU FINISAJE AJAX (WOODMART STYLE)
   ========================================================================== */

/* Containerul principal al barei de căutare */
.stm-ajax-search-wrapper {
    position: relative !important;
    width: 100% !important;
}

/* Fereastra cu rezultate cu înălțime fixă și scroll Y */
.stm-ajax-search-results {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    background: #ffffff !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 4px !important;
    max-height: 340px !important; /* Limitează înălțimea pentru cele 15 rezultate */
    overflow-y: auto !important; /* Activează scroll-ul vertical fluid */
    z-index: 999999 !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
    display: none;
    padding: 0 !important;
}

/* Rând individual de rezultat pe două rânduri */
.stm-ajax-search-row {
    display: flex !important;
    align-items: center !important;
    padding: 10px 14px !important;
    cursor: pointer !important;
    border-bottom: 1px solid #f5f5f5 !important;
    transition: background-color 0.15s ease !important;
}

.stm-ajax-search-row:hover {
    background-color: #f7f9fc !important;
}

/* Formatare avatar pătrat 1:1 */
.stm-search-row-avatar img {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    margin-right: 12px !important;
}

.stm-search-row-text {
    display: flex !important;
    flex-direction: column !important;
}

/* Rândul 1: Titlu principal */
.stm-search-row-title {
    font-weight: bold !important;
    color: #333333 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
}

/* Rândul 2: Informații secundare */
.stm-search-row-meta {
    font-size: 12px !important;
    color: #777777 !important;
    margin-top: 2px !important;
}

/* Zona fixă din subsol pentru butonul Load More */
.stm-ajax-load-more-wrapper {
    padding: 10px !important;
    text-align: center !important;
    background: #fcfcfc !important;
    border-top: 1px solid #eee !important;
    position: sticky !important;
    bottom: 0 !important; /* Rămâne fixat pe fundal la scroll */
    z-index: 10 !important;
}

/* Butonul master Load More */
.stm-btn-search-load-more {
    background: #0073aa !important;
    color: #ffffff !important;
    border: none !important;
    padding: 6px 20px !important;
    font-size: 12px !important;
    font-weight: bold !important;
    border-radius: 3px !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
}

.stm-btn-search-load-more:hover {
    background: #005987 !important;
}

.stm-search-loading-text, .stm-search-no-results {
    padding: 14px !important;
    text-align: center !important;
    color: #999999 !important;
    font-size: 13px !important;
}
/* proiecte asociate */
.stm-selected-items-list {margin-top:20px;}
.stm-selected-chip {display: flex;    align-items: center;    justify-content: space-between;    border-top: 1px solid #dbdbdb;}
.stm-remove-chip {margin-top:10px!important;margin-bottom:10px!important;}
/* END proiecte asociate */@media (min-width: 577px) and (max-width: 767px) {
	.stm-meta-grid {    grid-template-columns: repeat(1, 1fr)!important;}
.stm-profile-main-content, .stm-profile-sidebar {width:100%;}
.stm-profile-container { flex-direction:column;  }
}

@media (max-width: 576px) {
	.stm-meta-grid {    grid-template-columns: repeat(1, 1fr)!important;}
.stm-profile-main-content, .stm-profile-sidebar {width:100%;}
.stm-profile-container { flex-direction:column;  }
}