.elementor-13357 .elementor-element.elementor-element-6c66ab15{--display:flex;}.elementor-13357 .elementor-element.elementor-element-6c66ab15:not(.elementor-motion-effects-element-type-background), .elementor-13357 .elementor-element.elementor-element-6c66ab15 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2888853 );}.elementor-13357 .elementor-element.elementor-element-6fef9bd4{--spacer-size:90px;}.elementor-13357 .elementor-element.elementor-element-1884a032{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-13357 .elementor-element.elementor-element-1884a032:not(.elementor-motion-effects-element-type-background), .elementor-13357 .elementor-element.elementor-element-1884a032 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2888853 );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13357 .elementor-element.elementor-element-5b7a8ea1{margin:-90px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-13357 .elementor-element.elementor-element-5b7a8ea1 img{width:15%;border-radius:25px 25px 25px 25px;}.elementor-13357 .elementor-element.elementor-element-3703bcdb{--display:flex;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13357 .elementor-element.elementor-element-3703bcdb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-13357 .elementor-element.elementor-element-241fe46b{margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-13357 .elementor-element.elementor-element-241fe46b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:45px;font-weight:600;color:#FFFFFF;}.elementor-13357 .elementor-element.elementor-element-6d66495a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13357 .elementor-element.elementor-element-6d66495a:not(.elementor-motion-effects-element-type-background), .elementor-13357 .elementor-element.elementor-element-6d66495a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2888853 );}.elementor-13357 .elementor-element.elementor-element-4cd4c659{--display:flex;}.elementor-13357 .elementor-element.elementor-element-748bc18a{--spacer-size:50px;}.elementor-13357 .elementor-element.elementor-element-19c2d400{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-13357 .elementor-element.elementor-element-19c2d400:not(.elementor-motion-effects-element-type-background), .elementor-13357 .elementor-element.elementor-element-19c2d400 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2888853 );}.elementor-13357 .elementor-element.elementor-element-27f0233f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-13357 .elementor-element.elementor-element-581dc876{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13357 .elementor-element.elementor-element-581dc876:not(.elementor-motion-effects-element-type-background), .elementor-13357 .elementor-element.elementor-element-581dc876 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2888853 );}.elementor-13357 .elementor-element.elementor-element-306f4c32{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13357 .elementor-element.elementor-element-306f4c32.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-13357 .elementor-element.elementor-element-7021c2dc{--display:flex;}.elementor-13357 .elementor-element.elementor-element-7021c2dc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13357 .elementor-element.elementor-element-62645e9{--spacer-size:10px;}.elementor-13357 .elementor-element.elementor-element-2d7fc35b{text-align:start;}.elementor-13357 .elementor-element.elementor-element-2d7fc35b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-13357 .elementor-element.elementor-element-3008f95a{--spacer-size:15px;}.elementor-13357 .elementor-element.elementor-element-38fdad18{width:var( --container-widget-width, 101.929% );max-width:101.929%;--container-widget-width:101.929%;--container-widget-flex-grow:0;}.elementor-13357 .elementor-element.elementor-element-38fdad18.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-13357 .elementor-element.elementor-element-5bf23538{width:var( --container-widget-width, 109.239% );max-width:109.239%;--container-widget-width:109.239%;--container-widget-flex-grow:0;}.elementor-13357 .elementor-element.elementor-element-5bf23538 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-13357 .elementor-element.elementor-element-5bf23538.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-13357 .elementor-element.elementor-element-2fac7a4d{--spacer-size:50px;}.elementor-13357 .elementor-element.elementor-element-72ffef84{--display:flex;}.elementor-13357 .elementor-element.elementor-element-72ffef84.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13357 .elementor-element.elementor-element-185d34c6{--spacer-size:10px;}.elementor-13357 .elementor-element.elementor-element-113968a6{text-align:center;}.elementor-13357 .elementor-element.elementor-element-113968a6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-13357 .elementor-element.elementor-element-20dc2ee8{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13357 .elementor-element.elementor-element-20dc2ee8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13357 .elementor-element.elementor-element-1d972261{width:var( --container-widget-width, 53.199% );max-width:53.199%;--container-widget-width:53.199%;--container-widget-flex-grow:0;}.elementor-13357 .elementor-element.elementor-element-1d972261.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-13357 .elementor-element.elementor-element-1d132093{text-align:center;font-family:"Helvetica", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-13357 .elementor-element.elementor-element-1d132093 a{color:#234DD5;}.elementor-13357 .elementor-element.elementor-element-a82aebc{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-color:#FFFFFF;}.elementor-13357 .elementor-element.elementor-element-a82aebc > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-5805e89 );}.elementor-13357 .elementor-element.elementor-element-a82aebc.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-5805e89 );}.elementor-13357 .elementor-element.elementor-element-a82aebc.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-13357 .elementor-element.elementor-element-a82aebc.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-328ac32 );}.elementor-13357 .elementor-element.elementor-element-a82aebc.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-13357 .elementor-element.elementor-element-a82aebc.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-13357 .elementor-element.elementor-element-1356f43e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13357 .elementor-element.elementor-element-41a4fc5f{--spacer-size:10px;}.elementor-13357 .elementor-element.elementor-element-2bf4459a{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-13357 .elementor-element.elementor-element-2bf4459a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-13357 .elementor-element.elementor-element-78f69662{--grid-row-gap:20px;}.elementor-13357 .elementor-element.elementor-element-78f69662 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-13357 .elementor-element.elementor-element-78f69662 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 1.01 * 100% );}.elementor-13357 .elementor-element.elementor-element-78f69662:after{content:"1.01";}.elementor-13357 .elementor-element.elementor-element-78f69662 .elementor-post__thumbnail__link{width:55%;}.elementor-13357 .elementor-element.elementor-element-78f69662 .elementor-post{border-radius:0px;}.elementor-13357 .elementor-element.elementor-element-78f69662 .elementor-post__thumbnail{border-radius:15px 15px 15px 15px;}.elementor-13357 .elementor-element.elementor-element-78f69662.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:14px;}.elementor-13357 .elementor-element.elementor-element-78f69662.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:14px;}.elementor-13357 .elementor-element.elementor-element-78f69662.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:14px;}.elementor-13357 .elementor-element.elementor-element-28d59c6d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13357 .elementor-element.elementor-element-28d59c6d:not(.elementor-motion-effects-element-type-background), .elementor-13357 .elementor-element.elementor-element-28d59c6d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2888853 );}.elementor-13357 .elementor-element.elementor-element-3860fe6{--spacer-size:90px;}@media(min-width:768px){.elementor-13357 .elementor-element.elementor-element-3703bcdb{--width:100%;}.elementor-13357 .elementor-element.elementor-element-306f4c32{--width:77.537%;}.elementor-13357 .elementor-element.elementor-element-7021c2dc{--width:100.785%;}.elementor-13357 .elementor-element.elementor-element-72ffef84{--width:101.538%;}.elementor-13357 .elementor-element.elementor-element-20dc2ee8{--width:99.253%;}.elementor-13357 .elementor-element.elementor-element-1356f43e{--width:50%;}}@media(max-width:1024px){.elementor-13357 .elementor-element.elementor-element-1884a032{--grid-auto-flow:row;}.elementor-13357 .elementor-element.elementor-element-5b7a8ea1{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 5px;}.elementor-13357 .elementor-element.elementor-element-3703bcdb{--margin-top:0px;--margin-bottom:0px;--margin-left:-122px;--margin-right:0px;}.elementor-13357 .elementor-element.elementor-element-19c2d400{--grid-auto-flow:row;}.elementor-13357 .elementor-element.elementor-element-bdf3c40 img{width:20%;border-radius:25px 25px 25px 25px;}.elementor-13357 .elementor-element.elementor-element-27f0233f{text-align:center;}.elementor-13357 .elementor-element.elementor-element-581dc876{--margin-top:-115px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13357 .elementor-element.elementor-element-5bf23538{width:var( --container-widget-width, 536.18px );max-width:536.18px;--container-widget-width:536.18px;--container-widget-flex-grow:0;}.elementor-13357 .elementor-element.elementor-element-1d972261{width:var( --container-widget-width, 540.836px );max-width:540.836px;--container-widget-width:540.836px;--container-widget-flex-grow:0;}.elementor-13357 .elementor-element.elementor-element-2bf4459a .elementor-heading-title{font-size:14px;}.elementor-13357 .elementor-element.elementor-element-78f69662 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 1.03 * 100% );}.elementor-13357 .elementor-element.elementor-element-78f69662:after{content:"1.03";}.elementor-13357 .elementor-element.elementor-element-78f69662 .elementor-post__thumbnail__link{width:100%;}.elementor-13357 .elementor-element.elementor-element-78f69662{--grid-column-gap:20px;}.elementor-13357 .elementor-element.elementor-element-78f69662 .elementor-post__thumbnail{border-radius:10px 10px 10px 10px;}}@media(max-width:767px){.elementor-13357 .elementor-element.elementor-element-1884a032{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-13357 .elementor-element.elementor-element-5b7a8ea1{margin:109px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-13357 .elementor-element.elementor-element-5b7a8ea1 img{width:41%;}.elementor-13357 .elementor-element.elementor-element-3703bcdb{--width:359px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13357 .elementor-element.elementor-element-241fe46b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-13357 .elementor-element.elementor-element-748bc18a{--spacer-size:10px;}.elementor-13357 .elementor-element.elementor-element-19c2d400{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-13357 .elementor-element.elementor-element-bdf3c40{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-13357 .elementor-element.elementor-element-bdf3c40 img{width:40%;border-radius:25px 25px 25px 25px;}.elementor-13357 .elementor-element.elementor-element-27f0233f{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-13357 .elementor-element.elementor-element-27f0233f .elementor-heading-title{font-size:37px;}.elementor-13357 .elementor-element.elementor-element-581dc876{--margin-top:-97px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13357 .elementor-element.elementor-element-2d7fc35b .elementor-heading-title{font-size:20.5px;}.elementor-13357 .elementor-element.elementor-element-113968a6 .elementor-heading-title{font-size:20.5px;}.elementor-13357 .elementor-element.elementor-element-a82aebc{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;}.elementor-13357 .elementor-element.elementor-element-78f69662 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.95 * 100% );}.elementor-13357 .elementor-element.elementor-element-78f69662:after{content:"0.95";}.elementor-13357 .elementor-element.elementor-element-78f69662 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for container, class: .elementor-element-1884a032 */.elementor-13357 .elementor-element.elementor-element-1884a032 { color: #fff; }
.elementor-13357 .elementor-element.elementor-element-1884a032 a { color: #fff; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19c2d400 */.elementor-13357 .elementor-element.elementor-element-19c2d400 { color: #fff; }
.elementor-13357 .elementor-element.elementor-element-19c2d400 a { color: #fff; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-38fdad18 */.job-filters { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; } .job-filters input, .job-filters select { padding: 10px 14px; border-radius: 8px; border: 1px solid #334155; background: #1e293b; color: #f1f5f9; font-size: 14px; flex: 1; min-width: 180px; } .job-filters input::placeholder { color: #94a3b8; } .job-filters select:focus, .job-filters input:focus { outline: none; border-color: #22d3ee; box-shadow: 0 0 0 2px rgba(34, 211, 238, 0.3); }/* End custom CSS */
/* Start custom CSS for site_reviews, class: .elementor-element-5bf23538 *//* =========================================
GRID: Adaptiv — 1 / 2 / 3 / 4 / 5 coloane
========================================= */
.site-reviews-summary-list,
.glsr-reviews,
.glsr-reviews-wrap,
.job-grid {
display: grid;
/* Implicit: 2 coloane (ideal pt. laptopuri & MacBook Air 15") */
grid-template-columns: repeat(2, minmax(380px, 1fr));
gap: clamp(14px, 1.2vw, 28px);
margin: 0;
padding: 0;
list-style: none;
align-items: stretch;
justify-items: stretch;
grid-auto-flow: row;
}

/* =========================================
1️⃣ — Mobil (până la 760px): 1 coloană
========================================= */
@media (max-width: 760px) {
.site-reviews-summary-list,
.glsr-reviews,
.glsr-reviews-wrap,
.job-grid {
grid-template-columns: 1fr;
}
}

/* =========================================
1️⃣ — Tabletă (761–1024px): 1 coloană, spațiu mai aerisit
========================================= */
@media (min-width: 761px) and (max-width: 1024px) {
.site-reviews-summary-list,
.glsr-reviews,
.glsr-reviews-wrap,
.job-grid {
grid-template-columns: 1fr !important;
gap: 22px !important;
}
}

/* =========================================
2️⃣ — Laptopuri (1025–1599px): 2 coloane
========================================= */
@media (min-width: 1025px) and (max-width: 1599px) {
.site-reviews-summary-list,
.glsr-reviews,
.glsr-reviews-wrap,
.job-grid {
grid-template-columns: repeat(2, minmax(420px, 1fr));
}
}

/* =========================================
3️⃣ — Desktopuri mari (1600–1899px): 3 coloane
========================================= */
@media (min-width: 1600px) and (max-width: 1899px) {
.site-reviews-summary-list,
.glsr-reviews,
.glsr-reviews-wrap,
.job-grid {
grid-template-columns: repeat(3, minmax(400px, 1fr));
}
}

/* =========================================
4️⃣ — Ultra-wide moderate (1900–2399px): 4 coloane
========================================= */
@media (min-width: 1900px) and (max-width: 2399px) {
.site-reviews-summary-list,
.glsr-reviews,
.glsr-reviews-wrap,
.job-grid {
grid-template-columns: repeat(4, minmax(360px, 1fr));
}
}

/* =========================================
5️⃣ — Extreme wide (2400px+): 5 coloane
========================================= */
@media (min-width: 2400px) {
.site-reviews-summary-list,
.glsr-reviews,
.glsr-reviews-wrap,
.job-grid {
grid-template-columns: repeat(5, minmax(340px, 1fr));
}
}

/* Fortăm ocuparea completă a containerului Elementor */
.elementor-widget .site-reviews-summary-list,
.elementor-widget .glsr-reviews,
.elementor-widget .glsr-reviews-wrap,
.elementor-widget .job-grid {
width: 100% !important;
}

/* Înălțime egală pentru toate cardurile */
.site-reviews-summary-list > *,
.glsr-reviews > *,
.glsr-reviews-wrap > * {
height: 100%;
}

/* =========================================
CARD DE JOB — dark + efect “lift” la hover
========================================= */
.job-card {
background: #0e1320;
color: #fff;
padding: 24px;
border-radius: 20px;
border: 1px solid rgba(255,255,255,.06);
box-shadow: 0 0 0 1px rgba(2,6,23,.7), 0 10px 30px rgba(0,0,0,.35);
width: 100% !important;
max-width: none !important;
font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
position: relative; /* necesar pentru data absolută */
transition: transform .15s ease, box-shadow .2s ease, border-color .2s ease;
will-change: transform;
display: flex;
flex-direction: column;
padding-bottom: 60px; /* spațiu extra pentru dată */
}
.job-card:hover {
transform: translateY(-2px);
box-shadow: 0 0 0 1px rgba(2,6,23,.7), 0 16px 40px rgba(0,0,0,.45);
border-color: rgba(255,255,255,.12);
}
.job-card:focus-within {
transform: translateY(-2px);
box-shadow: 0 0 0 2px rgba(34,211,238,.25), 0 16px 40px rgba(0,0,0,.45);
border-color: rgba(255,255,255,.12);
outline: none;
}

/* Reduce motion: accesibilitate */
@media (prefers-reduced-motion: reduce) {
.job-card {
transition: box-shadow .2s ease, border-color .2s ease;
}
.job-card:hover,
.job-card:focus-within {
transform: none;
}
}

/* =========================================
TITLU + TEXT
========================================= */
.job-card .card-title,
.job-card .card-title a,
.job-card h3,
.job-card h3 a,
.glsr-review .review-title,
.glsr-review .review-title a {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff;
text-decoration: none !important;
font-weight: 900 !important;
font-variation-settings: "wght" 950;
font-size: 26px;
line-height: 1.15;
margin: 0 0 12px;
}

.job-card .subtitle {
font-size: 15px;
color: #9ca3af;
margin: 0 0 10px;
}

/* =========================================
SALARII + ETICHETE + BENEFICII
========================================= */
.salary-row,
.salary {
display: flex;
align-items: baseline;
gap: 8px;
margin: 6px 0 18px;
}
.salary-value {
font-size: 36px;
font-weight: 800;
background: linear-gradient(90deg, #22d3ee, #8b5cf6);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.salary-currency,
.currency {
font-size: 22px;
font-weight: 700;
color: #cbd5e1;
}

.tags {
display: flex;
gap: 12px;
flex-wrap: wrap;
margin-top: 4px;
}
.tag {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
border-radius: 999px;
font-size: 14px;
color: #e5e7eb;
background-clip: padding-box, border-box;
background-origin: border-box;
border: 2px solid transparent;
background-image:
  linear-gradient(#101626, #101626),
  linear-gradient(135deg, #8A2BE2, #2CF4F9);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.tag strong { color: #fff; }

/* Aliniere corectă, fără text suprapus */
.tag.experience {
white-space: nowrap;
align-items: center;
}

.benefits {
margin-top: 14px;
display: flex;
gap: 10px;
flex-wrap: wrap;
}

/* =========================================
META (data)
========================================= */
.review-meta {
position: absolute;
bottom: 18px;
left: 24px;
font-size: 13px;
color: #9ca3af;
font-style: italic;
opacity: 0.9;
}

/* =========================================
PAGINATION BUTTON
========================================= */
.glsr-reviews .glsr-pagination,
.glsr-reviews-wrap .glsr-pagination,
.site-reviews-summary-list .glsr-pagination {
grid-column: 1 / -1 !important;
order: 9999 !important;
width: 100%;
display: flex;
justify-content: center;
margin-top: 8px;
}

.glsr-reviews .glsr-load-more,
.glsr-reviews-wrap .glsr-load-more,
.site-reviews-summary-list .glsr-load-more {
display: inline-flex !important;
align-items: center;
gap: 10px;
padding: 12px 26px;
border-radius: 999px;
font-weight: 800;
font-size: 16px;
letter-spacing: .2px;
background: linear-gradient(#0e1320,#0e1320) padding-box,
linear-gradient(90deg,#60a5fa,#8b5cf6,#22d3ee) border-box;
border: 1px solid transparent !important;
color: #fff !important;
box-shadow: 0 1px 0 rgba(255,255,255,.05) inset, 0 8px 24px rgba(0,0,0,.25);
transition: transform .15s ease, box-shadow .2s ease, filter .2s ease;
}
.glsr-reviews .glsr-load-more:hover {
filter: saturate(1.15);
transform: translateY(-2px);
box-shadow: 0 12px 28px rgba(0,0,0,.35);
}

/* =========================================
PILL-URI — efect violet-albastru (identic cu review-card)
========================================= */
.tag,
.benefits .pill {
  background-clip: padding-box, border-box;
  background-origin: border-box;
  background-image:
    linear-gradient(#101626, #101626),
    linear-gradient(135deg, #8A2BE2, #2CF4F9);
  border: 2px solid transparent;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.tag:hover,
.benefits .pill:hover {
  transform: scale(1.05);
  box-shadow: 0 0 8px rgba(140, 90, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for site_reviews_form, class: .elementor-element-1d972261 *//* Culori globale */
:root {
  --sb-bg: #0B0E2A;
  --sb-mov: #9A4DFF;
  --sb-albastru: #2E5BFF;
  --sb-text: #ffffff;
}

/* Container */
.elementor-13357 .elementor-element.elementor-element-1d972261 {
  background: var(--sb-bg);
  border-radius: 20px;
  padding: 24px;
  color: var(--sb-text);
  font-family: "Inter", sans-serif;
}

/* Formular Site Reviews */
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form {
  color: var(--sb-text);
}

/* INPUT / SELECT / TEXTAREA */
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="text"],
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="email"],
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="number"],
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form select,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form textarea {
  width: 100%;
  padding: 12px 16px;
  margin-bottom: 16px;
  border-radius: 14px;
  border: 2px solid transparent;
  background: #14142b;
  color: var(--sb-text);
  font-size: 15px;
  transition: all .25s ease;
  appearance: none;
  background-image: linear-gradient(#14142b, #14142b);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

/* Placeholder */
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form ::placeholder {
  color: rgba(255,255,255,.5);
}

/* Hover + Focus cu gradient ca la filtre */
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="text"]:hover,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="email"]:hover,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="number"]:hover,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form select:hover,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form textarea:hover,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="text"]:focus,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="email"]:focus,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="number"]:focus,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form select:focus,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form textarea:focus {
  outline: none;
  background-image:
    linear-gradient(#14142b, #14142b),
    linear-gradient(135deg, var(--sb-mov), var(--sb-albastru));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  box-shadow: 0 0 10px rgba(46,91,255,0.25);
}

/* Elimină dunga albă / flash la select */
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form select {
  background-color: #14142b !important;
  color: #fff !important;
  transition: background-color .2s ease, color .2s ease;
}
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form select:focus {
  background-color: #14142b !important;
  color: #fff !important;
}
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form select::-ms-expand { display: none; }
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #fff;
}
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form option {
  background: var(--sb-bg);
  color: #fff;
}

/* BUTON Trimite recenzia */
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form button,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="submit"],
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-button {
  background: linear-gradient(90deg, var(--sb-mov), var(--sb-albastru));
  border: none;
  color: #fff;
  font-weight: 600;
  padding: 14px 22px;
  border-radius: 14px;
  cursor: pointer;
  font-size: 1rem;
  transition: all .25s ease;
}
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form button:hover,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="submit"]:hover,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 20px rgba(46,91,255,.4);
}

/* TEXT sub formular */
.elementor-13357 .elementor-element.elementor-element-1d972261 .review-form-note {
  margin-top: 10px;
  font-size: .9rem;
  color: rgba(255,255,255,.75);
  text-align: center;
}
.elementor-13357 .elementor-element.elementor-element-1d972261 .review-form-note a {
  color: var(--sb-albastru);
  text-decoration: none;
  font-weight: 500;
}
.elementor-13357 .elementor-element.elementor-element-1d972261 .review-form-note a:hover {
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-38fdad18 */.job-filters { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; } .job-filters input, .job-filters select { padding: 10px 14px; border-radius: 8px; border: 1px solid #334155; background: #1e293b; color: #f1f5f9; font-size: 14px; flex: 1; min-width: 180px; } .job-filters input::placeholder { color: #94a3b8; } .job-filters select:focus, .job-filters input:focus { outline: none; border-color: #22d3ee; box-shadow: 0 0 0 2px rgba(34, 211, 238, 0.3); }/* End custom CSS */
/* Start custom CSS for site_reviews, class: .elementor-element-5bf23538 *//* =========================================
GRID: Adaptiv — 1 / 2 / 3 / 4 / 5 coloane
========================================= */
.site-reviews-summary-list,
.glsr-reviews,
.glsr-reviews-wrap,
.job-grid {
display: grid;
/* Implicit: 2 coloane (ideal pt. laptopuri & MacBook Air 15") */
grid-template-columns: repeat(2, minmax(380px, 1fr));
gap: clamp(14px, 1.2vw, 28px);
margin: 0;
padding: 0;
list-style: none;
align-items: stretch;
justify-items: stretch;
grid-auto-flow: row;
}

/* =========================================
1️⃣ — Mobil (până la 760px): 1 coloană
========================================= */
@media (max-width: 760px) {
.site-reviews-summary-list,
.glsr-reviews,
.glsr-reviews-wrap,
.job-grid {
grid-template-columns: 1fr;
}
}

/* =========================================
1️⃣ — Tabletă (761–1024px): 1 coloană, spațiu mai aerisit
========================================= */
@media (min-width: 761px) and (max-width: 1024px) {
.site-reviews-summary-list,
.glsr-reviews,
.glsr-reviews-wrap,
.job-grid {
grid-template-columns: 1fr !important;
gap: 22px !important;
}
}

/* =========================================
2️⃣ — Laptopuri (1025–1599px): 2 coloane
========================================= */
@media (min-width: 1025px) and (max-width: 1599px) {
.site-reviews-summary-list,
.glsr-reviews,
.glsr-reviews-wrap,
.job-grid {
grid-template-columns: repeat(2, minmax(420px, 1fr));
}
}

/* =========================================
3️⃣ — Desktopuri mari (1600–1899px): 3 coloane
========================================= */
@media (min-width: 1600px) and (max-width: 1899px) {
.site-reviews-summary-list,
.glsr-reviews,
.glsr-reviews-wrap,
.job-grid {
grid-template-columns: repeat(3, minmax(400px, 1fr));
}
}

/* =========================================
4️⃣ — Ultra-wide moderate (1900–2399px): 4 coloane
========================================= */
@media (min-width: 1900px) and (max-width: 2399px) {
.site-reviews-summary-list,
.glsr-reviews,
.glsr-reviews-wrap,
.job-grid {
grid-template-columns: repeat(4, minmax(360px, 1fr));
}
}

/* =========================================
5️⃣ — Extreme wide (2400px+): 5 coloane
========================================= */
@media (min-width: 2400px) {
.site-reviews-summary-list,
.glsr-reviews,
.glsr-reviews-wrap,
.job-grid {
grid-template-columns: repeat(5, minmax(340px, 1fr));
}
}

/* Fortăm ocuparea completă a containerului Elementor */
.elementor-widget .site-reviews-summary-list,
.elementor-widget .glsr-reviews,
.elementor-widget .glsr-reviews-wrap,
.elementor-widget .job-grid {
width: 100% !important;
}

/* Înălțime egală pentru toate cardurile */
.site-reviews-summary-list > *,
.glsr-reviews > *,
.glsr-reviews-wrap > * {
height: 100%;
}

/* =========================================
CARD DE JOB — dark + efect “lift” la hover
========================================= */
.job-card {
background: #0e1320;
color: #fff;
padding: 24px;
border-radius: 20px;
border: 1px solid rgba(255,255,255,.06);
box-shadow: 0 0 0 1px rgba(2,6,23,.7), 0 10px 30px rgba(0,0,0,.35);
width: 100% !important;
max-width: none !important;
font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
position: relative; /* necesar pentru data absolută */
transition: transform .15s ease, box-shadow .2s ease, border-color .2s ease;
will-change: transform;
display: flex;
flex-direction: column;
padding-bottom: 60px; /* spațiu extra pentru dată */
}
.job-card:hover {
transform: translateY(-2px);
box-shadow: 0 0 0 1px rgba(2,6,23,.7), 0 16px 40px rgba(0,0,0,.45);
border-color: rgba(255,255,255,.12);
}
.job-card:focus-within {
transform: translateY(-2px);
box-shadow: 0 0 0 2px rgba(34,211,238,.25), 0 16px 40px rgba(0,0,0,.45);
border-color: rgba(255,255,255,.12);
outline: none;
}

/* Reduce motion: accesibilitate */
@media (prefers-reduced-motion: reduce) {
.job-card {
transition: box-shadow .2s ease, border-color .2s ease;
}
.job-card:hover,
.job-card:focus-within {
transform: none;
}
}

/* =========================================
TITLU + TEXT
========================================= */
.job-card .card-title,
.job-card .card-title a,
.job-card h3,
.job-card h3 a,
.glsr-review .review-title,
.glsr-review .review-title a {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff;
text-decoration: none !important;
font-weight: 900 !important;
font-variation-settings: "wght" 950;
font-size: 26px;
line-height: 1.15;
margin: 0 0 12px;
}

.job-card .subtitle {
font-size: 15px;
color: #9ca3af;
margin: 0 0 10px;
}

/* =========================================
SALARII + ETICHETE + BENEFICII
========================================= */
.salary-row,
.salary {
display: flex;
align-items: baseline;
gap: 8px;
margin: 6px 0 18px;
}
.salary-value {
font-size: 36px;
font-weight: 800;
background: linear-gradient(90deg, #22d3ee, #8b5cf6);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.salary-currency,
.currency {
font-size: 22px;
font-weight: 700;
color: #cbd5e1;
}

.tags {
display: flex;
gap: 12px;
flex-wrap: wrap;
margin-top: 4px;
}
.tag {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
border-radius: 999px;
font-size: 14px;
color: #e5e7eb;
background-clip: padding-box, border-box;
background-origin: border-box;
border: 2px solid transparent;
background-image:
  linear-gradient(#101626, #101626),
  linear-gradient(135deg, #8A2BE2, #2CF4F9);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.tag strong { color: #fff; }

/* Aliniere corectă, fără text suprapus */
.tag.experience {
white-space: nowrap;
align-items: center;
}

.benefits {
margin-top: 14px;
display: flex;
gap: 10px;
flex-wrap: wrap;
}

/* =========================================
META (data)
========================================= */
.review-meta {
position: absolute;
bottom: 18px;
left: 24px;
font-size: 13px;
color: #9ca3af;
font-style: italic;
opacity: 0.9;
}

/* =========================================
PAGINATION BUTTON
========================================= */
.glsr-reviews .glsr-pagination,
.glsr-reviews-wrap .glsr-pagination,
.site-reviews-summary-list .glsr-pagination {
grid-column: 1 / -1 !important;
order: 9999 !important;
width: 100%;
display: flex;
justify-content: center;
margin-top: 8px;
}

.glsr-reviews .glsr-load-more,
.glsr-reviews-wrap .glsr-load-more,
.site-reviews-summary-list .glsr-load-more {
display: inline-flex !important;
align-items: center;
gap: 10px;
padding: 12px 26px;
border-radius: 999px;
font-weight: 800;
font-size: 16px;
letter-spacing: .2px;
background: linear-gradient(#0e1320,#0e1320) padding-box,
linear-gradient(90deg,#60a5fa,#8b5cf6,#22d3ee) border-box;
border: 1px solid transparent !important;
color: #fff !important;
box-shadow: 0 1px 0 rgba(255,255,255,.05) inset, 0 8px 24px rgba(0,0,0,.25);
transition: transform .15s ease, box-shadow .2s ease, filter .2s ease;
}
.glsr-reviews .glsr-load-more:hover {
filter: saturate(1.15);
transform: translateY(-2px);
box-shadow: 0 12px 28px rgba(0,0,0,.35);
}

/* =========================================
PILL-URI — efect violet-albastru (identic cu review-card)
========================================= */
.tag,
.benefits .pill {
  background-clip: padding-box, border-box;
  background-origin: border-box;
  background-image:
    linear-gradient(#101626, #101626),
    linear-gradient(135deg, #8A2BE2, #2CF4F9);
  border: 2px solid transparent;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.tag:hover,
.benefits .pill:hover {
  transform: scale(1.05);
  box-shadow: 0 0 8px rgba(140, 90, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for site_reviews_form, class: .elementor-element-1d972261 *//* Culori globale */
:root {
  --sb-bg: #0B0E2A;
  --sb-mov: #9A4DFF;
  --sb-albastru: #2E5BFF;
  --sb-text: #ffffff;
}

/* Container */
.elementor-13357 .elementor-element.elementor-element-1d972261 {
  background: var(--sb-bg);
  border-radius: 20px;
  padding: 24px;
  color: var(--sb-text);
  font-family: "Inter", sans-serif;
}

/* Formular Site Reviews */
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form {
  color: var(--sb-text);
}

/* INPUT / SELECT / TEXTAREA */
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="text"],
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="email"],
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="number"],
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form select,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form textarea {
  width: 100%;
  padding: 12px 16px;
  margin-bottom: 16px;
  border-radius: 14px;
  border: 2px solid transparent;
  background: #14142b;
  color: var(--sb-text);
  font-size: 15px;
  transition: all .25s ease;
  appearance: none;
  background-image: linear-gradient(#14142b, #14142b);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

/* Placeholder */
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form ::placeholder {
  color: rgba(255,255,255,.5);
}

/* Hover + Focus cu gradient ca la filtre */
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="text"]:hover,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="email"]:hover,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="number"]:hover,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form select:hover,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form textarea:hover,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="text"]:focus,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="email"]:focus,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="number"]:focus,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form select:focus,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form textarea:focus {
  outline: none;
  background-image:
    linear-gradient(#14142b, #14142b),
    linear-gradient(135deg, var(--sb-mov), var(--sb-albastru));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  box-shadow: 0 0 10px rgba(46,91,255,0.25);
}

/* Elimină dunga albă / flash la select */
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form select {
  background-color: #14142b !important;
  color: #fff !important;
  transition: background-color .2s ease, color .2s ease;
}
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form select:focus {
  background-color: #14142b !important;
  color: #fff !important;
}
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form select::-ms-expand { display: none; }
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #fff;
}
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form option {
  background: var(--sb-bg);
  color: #fff;
}

/* BUTON Trimite recenzia */
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form button,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="submit"],
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-button {
  background: linear-gradient(90deg, var(--sb-mov), var(--sb-albastru));
  border: none;
  color: #fff;
  font-weight: 600;
  padding: 14px 22px;
  border-radius: 14px;
  cursor: pointer;
  font-size: 1rem;
  transition: all .25s ease;
}
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form button:hover,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="submit"]:hover,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 20px rgba(46,91,255,.4);
}

/* TEXT sub formular */
.elementor-13357 .elementor-element.elementor-element-1d972261 .review-form-note {
  margin-top: 10px;
  font-size: .9rem;
  color: rgba(255,255,255,.75);
  text-align: center;
}
.elementor-13357 .elementor-element.elementor-element-1d972261 .review-form-note a {
  color: var(--sb-albastru);
  text-decoration: none;
  font-weight: 500;
}
.elementor-13357 .elementor-element.elementor-element-1d972261 .review-form-note a:hover {
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-38fdad18 */.job-filters { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; } .job-filters input, .job-filters select { padding: 10px 14px; border-radius: 8px; border: 1px solid #334155; background: #1e293b; color: #f1f5f9; font-size: 14px; flex: 1; min-width: 180px; } .job-filters input::placeholder { color: #94a3b8; } .job-filters select:focus, .job-filters input:focus { outline: none; border-color: #22d3ee; box-shadow: 0 0 0 2px rgba(34, 211, 238, 0.3); }/* End custom CSS */
/* Start custom CSS for site_reviews, class: .elementor-element-5bf23538 *//* =========================================
GRID: Adaptiv — 1 / 2 / 3 / 4 / 5 coloane
========================================= */
.site-reviews-summary-list,
.glsr-reviews,
.glsr-reviews-wrap,
.job-grid {
display: grid;
/* Implicit: 2 coloane (ideal pt. laptopuri & MacBook Air 15") */
grid-template-columns: repeat(2, minmax(380px, 1fr));
gap: clamp(14px, 1.2vw, 28px);
margin: 0;
padding: 0;
list-style: none;
align-items: stretch;
justify-items: stretch;
grid-auto-flow: row;
}

/* =========================================
1️⃣ — Mobil (până la 760px): 1 coloană
========================================= */
@media (max-width: 760px) {
.site-reviews-summary-list,
.glsr-reviews,
.glsr-reviews-wrap,
.job-grid {
grid-template-columns: 1fr;
}
}

/* =========================================
1️⃣ — Tabletă (761–1024px): 1 coloană, spațiu mai aerisit
========================================= */
@media (min-width: 761px) and (max-width: 1024px) {
.site-reviews-summary-list,
.glsr-reviews,
.glsr-reviews-wrap,
.job-grid {
grid-template-columns: 1fr !important;
gap: 22px !important;
}
}

/* =========================================
2️⃣ — Laptopuri (1025–1599px): 2 coloane
========================================= */
@media (min-width: 1025px) and (max-width: 1599px) {
.site-reviews-summary-list,
.glsr-reviews,
.glsr-reviews-wrap,
.job-grid {
grid-template-columns: repeat(2, minmax(420px, 1fr));
}
}

/* =========================================
3️⃣ — Desktopuri mari (1600–1899px): 3 coloane
========================================= */
@media (min-width: 1600px) and (max-width: 1899px) {
.site-reviews-summary-list,
.glsr-reviews,
.glsr-reviews-wrap,
.job-grid {
grid-template-columns: repeat(3, minmax(400px, 1fr));
}
}

/* =========================================
4️⃣ — Ultra-wide moderate (1900–2399px): 4 coloane
========================================= */
@media (min-width: 1900px) and (max-width: 2399px) {
.site-reviews-summary-list,
.glsr-reviews,
.glsr-reviews-wrap,
.job-grid {
grid-template-columns: repeat(4, minmax(360px, 1fr));
}
}

/* =========================================
5️⃣ — Extreme wide (2400px+): 5 coloane
========================================= */
@media (min-width: 2400px) {
.site-reviews-summary-list,
.glsr-reviews,
.glsr-reviews-wrap,
.job-grid {
grid-template-columns: repeat(5, minmax(340px, 1fr));
}
}

/* Fortăm ocuparea completă a containerului Elementor */
.elementor-widget .site-reviews-summary-list,
.elementor-widget .glsr-reviews,
.elementor-widget .glsr-reviews-wrap,
.elementor-widget .job-grid {
width: 100% !important;
}

/* Înălțime egală pentru toate cardurile */
.site-reviews-summary-list > *,
.glsr-reviews > *,
.glsr-reviews-wrap > * {
height: 100%;
}

/* =========================================
CARD DE JOB — dark + efect “lift” la hover
========================================= */
.job-card {
background: #0e1320;
color: #fff;
padding: 24px;
border-radius: 20px;
border: 1px solid rgba(255,255,255,.06);
box-shadow: 0 0 0 1px rgba(2,6,23,.7), 0 10px 30px rgba(0,0,0,.35);
width: 100% !important;
max-width: none !important;
font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
position: relative; /* necesar pentru data absolută */
transition: transform .15s ease, box-shadow .2s ease, border-color .2s ease;
will-change: transform;
display: flex;
flex-direction: column;
padding-bottom: 60px; /* spațiu extra pentru dată */
}
.job-card:hover {
transform: translateY(-2px);
box-shadow: 0 0 0 1px rgba(2,6,23,.7), 0 16px 40px rgba(0,0,0,.45);
border-color: rgba(255,255,255,.12);
}
.job-card:focus-within {
transform: translateY(-2px);
box-shadow: 0 0 0 2px rgba(34,211,238,.25), 0 16px 40px rgba(0,0,0,.45);
border-color: rgba(255,255,255,.12);
outline: none;
}

/* Reduce motion: accesibilitate */
@media (prefers-reduced-motion: reduce) {
.job-card {
transition: box-shadow .2s ease, border-color .2s ease;
}
.job-card:hover,
.job-card:focus-within {
transform: none;
}
}

/* =========================================
TITLU + TEXT
========================================= */
.job-card .card-title,
.job-card .card-title a,
.job-card h3,
.job-card h3 a,
.glsr-review .review-title,
.glsr-review .review-title a {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff;
text-decoration: none !important;
font-weight: 900 !important;
font-variation-settings: "wght" 950;
font-size: 26px;
line-height: 1.15;
margin: 0 0 12px;
}

.job-card .subtitle {
font-size: 15px;
color: #9ca3af;
margin: 0 0 10px;
}

/* =========================================
SALARII + ETICHETE + BENEFICII
========================================= */
.salary-row,
.salary {
display: flex;
align-items: baseline;
gap: 8px;
margin: 6px 0 18px;
}
.salary-value {
font-size: 36px;
font-weight: 800;
background: linear-gradient(90deg, #22d3ee, #8b5cf6);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.salary-currency,
.currency {
font-size: 22px;
font-weight: 700;
color: #cbd5e1;
}

.tags {
display: flex;
gap: 12px;
flex-wrap: wrap;
margin-top: 4px;
}
.tag {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
border-radius: 999px;
font-size: 14px;
color: #e5e7eb;
background-clip: padding-box, border-box;
background-origin: border-box;
border: 2px solid transparent;
background-image:
  linear-gradient(#101626, #101626),
  linear-gradient(135deg, #8A2BE2, #2CF4F9);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.tag strong { color: #fff; }

/* Aliniere corectă, fără text suprapus */
.tag.experience {
white-space: nowrap;
align-items: center;
}

.benefits {
margin-top: 14px;
display: flex;
gap: 10px;
flex-wrap: wrap;
}

/* =========================================
META (data)
========================================= */
.review-meta {
position: absolute;
bottom: 18px;
left: 24px;
font-size: 13px;
color: #9ca3af;
font-style: italic;
opacity: 0.9;
}

/* =========================================
PAGINATION BUTTON
========================================= */
.glsr-reviews .glsr-pagination,
.glsr-reviews-wrap .glsr-pagination,
.site-reviews-summary-list .glsr-pagination {
grid-column: 1 / -1 !important;
order: 9999 !important;
width: 100%;
display: flex;
justify-content: center;
margin-top: 8px;
}

.glsr-reviews .glsr-load-more,
.glsr-reviews-wrap .glsr-load-more,
.site-reviews-summary-list .glsr-load-more {
display: inline-flex !important;
align-items: center;
gap: 10px;
padding: 12px 26px;
border-radius: 999px;
font-weight: 800;
font-size: 16px;
letter-spacing: .2px;
background: linear-gradient(#0e1320,#0e1320) padding-box,
linear-gradient(90deg,#60a5fa,#8b5cf6,#22d3ee) border-box;
border: 1px solid transparent !important;
color: #fff !important;
box-shadow: 0 1px 0 rgba(255,255,255,.05) inset, 0 8px 24px rgba(0,0,0,.25);
transition: transform .15s ease, box-shadow .2s ease, filter .2s ease;
}
.glsr-reviews .glsr-load-more:hover {
filter: saturate(1.15);
transform: translateY(-2px);
box-shadow: 0 12px 28px rgba(0,0,0,.35);
}

/* =========================================
PILL-URI — efect violet-albastru (identic cu review-card)
========================================= */
.tag,
.benefits .pill {
  background-clip: padding-box, border-box;
  background-origin: border-box;
  background-image:
    linear-gradient(#101626, #101626),
    linear-gradient(135deg, #8A2BE2, #2CF4F9);
  border: 2px solid transparent;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.tag:hover,
.benefits .pill:hover {
  transform: scale(1.05);
  box-shadow: 0 0 8px rgba(140, 90, 255, 0.5);
}/* End custom CSS */
/* Start custom CSS for site_reviews_form, class: .elementor-element-1d972261 *//* Culori globale */
:root {
  --sb-bg: #0B0E2A;
  --sb-mov: #9A4DFF;
  --sb-albastru: #2E5BFF;
  --sb-text: #ffffff;
}

/* Container */
.elementor-13357 .elementor-element.elementor-element-1d972261 {
  background: var(--sb-bg);
  border-radius: 20px;
  padding: 24px;
  color: var(--sb-text);
  font-family: "Inter", sans-serif;
}

/* Formular Site Reviews */
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form {
  color: var(--sb-text);
}

/* INPUT / SELECT / TEXTAREA */
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="text"],
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="email"],
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="number"],
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form select,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form textarea {
  width: 100%;
  padding: 12px 16px;
  margin-bottom: 16px;
  border-radius: 14px;
  border: 2px solid transparent;
  background: #14142b;
  color: var(--sb-text);
  font-size: 15px;
  transition: all .25s ease;
  appearance: none;
  background-image: linear-gradient(#14142b, #14142b);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

/* Placeholder */
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form ::placeholder {
  color: rgba(255,255,255,.5);
}

/* Hover + Focus cu gradient ca la filtre */
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="text"]:hover,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="email"]:hover,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="number"]:hover,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form select:hover,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form textarea:hover,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="text"]:focus,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="email"]:focus,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="number"]:focus,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form select:focus,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form textarea:focus {
  outline: none;
  background-image:
    linear-gradient(#14142b, #14142b),
    linear-gradient(135deg, var(--sb-mov), var(--sb-albastru));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  box-shadow: 0 0 10px rgba(46,91,255,0.25);
}

/* Elimină dunga albă / flash la select */
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form select {
  background-color: #14142b !important;
  color: #fff !important;
  transition: background-color .2s ease, color .2s ease;
}
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form select:focus {
  background-color: #14142b !important;
  color: #fff !important;
}
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form select::-ms-expand { display: none; }
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #fff;
}
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form option {
  background: var(--sb-bg);
  color: #fff;
}

/* BUTON Trimite recenzia */
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form button,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="submit"],
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-button {
  background: linear-gradient(90deg, var(--sb-mov), var(--sb-albastru));
  border: none;
  color: #fff;
  font-weight: 600;
  padding: 14px 22px;
  border-radius: 14px;
  cursor: pointer;
  font-size: 1rem;
  transition: all .25s ease;
}
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form button:hover,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-form input[type="submit"]:hover,
.elementor-13357 .elementor-element.elementor-element-1d972261 .glsr-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 20px rgba(46,91,255,.4);
}

/* TEXT sub formular */
.elementor-13357 .elementor-element.elementor-element-1d972261 .review-form-note {
  margin-top: 10px;
  font-size: .9rem;
  color: rgba(255,255,255,.75);
  text-align: center;
}
.elementor-13357 .elementor-element.elementor-element-1d972261 .review-form-note a {
  color: var(--sb-albastru);
  text-decoration: none;
  font-weight: 500;
}
.elementor-13357 .elementor-element.elementor-element-1d972261 .review-form-note a:hover {
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-581dc876 */.elementor-13357 .elementor-element.elementor-element-581dc876 { color: #fff; }
.elementor-13357 .elementor-element.elementor-element-581dc876 a { color: #fff; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-641174ba *//* =========== LAYOUT =========== */
/* 4 sus / 4 jos pe desktop */
.reviews-filters{
  --gap:16px;
  display:flex;
  flex-wrap:wrap;
  gap:var(--gap);
  margin-bottom:25px;
}

/* fiecare filtru este un item flex (input-ul si .dropdown-ul) */
.reviews-filters > input[type="text"],
.reviews-filters > .dropdown{
  flex: 1 1 calc((100% - 3*var(--gap))/4);
  min-width:200px;
}

/* randul 2 (elementele 5–8) = 4 coloane egale (desktop) */
.reviews-filters > *:nth-child(n+5):nth-child(-n+8){
  flex-basis: calc((100% - 3*var(--gap))/4);
}

/* ========== MOBIL: ORDINE NOUĂ ========== */
@media (max-width: 768px){
  .reviews-filters{
    flex-direction: row;
  }

  /* implicit toate 2 pe rând */
  .reviews-filters > input[type="text"],
  .reviews-filters > .dropdown{
    flex: 1 1 calc((100% - var(--gap)) / 2);
    min-width:0;
    max-width:100%;
  }

  /* ordinea exactă pe mobil */
  #flt-domeniu    { order: 1; flex: 1 1 100%; }
  #flt-recomandat { order: 2; }
  #flt-oras       { order: 3; }
  #flt-tip        { order: 4; }
  #flt-statut     { order: 5; }
  #flt-an         { order: 6; }
  #flt-rating     { order: 7; }

  #flt-recomandat, #flt-oras,
  #flt-tip, #flt-statut,
  #flt-an, #flt-rating {
    flex-basis: calc((100% - var(--gap)) / 2) !important;
  }
}

/* =========== CARD LOOK =========== */
.reviews-filters input[type="text"],
.reviews-filters .dropdown-toggle{
  width:100%;
  background:#14142b;
  color:#fff;
  font-size:15px;
  font-weight:500;
  padding:12px 18px;
  border:2px solid transparent;
  border-radius:14px;
  box-sizing:border-box;
  cursor:pointer;
}

.reviews-filters input[type="text"]::placeholder{ color:#aaa; }

.reviews-filters input[type="text"]:hover,
.reviews-filters input[type="text"]:focus,
.reviews-filters .dropdown-toggle:hover,
.reviews-filters .dropdown-toggle:focus{
  outline:none;
  background-color:#14142b;
  background-image:
    linear-gradient(#14142b, #14142b),
    linear-gradient(135deg, #7f00ff, #00f0ff);
  background-origin:border-box;
  background-clip:padding-box, border-box;
}

/* =========== DROPDOWN =========== */
.dropdown{ position:relative; display:block; }
.dropdown-toggle{ border:none; }

.reviews-filters .dropdown-menu{
  display:none;
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  min-width:100%;
  padding:10px;
  background-color:#3a3a5c !important;
  border:2px solid transparent;
  border-radius:14px;
  z-index:1000;
  max-height:300px;
  overflow-y:auto;
}

.reviews-filters .dropdown-menu.active{ display:block; }

.reviews-filters .dropdown-menu label{
  display:block;
  color:#fff;
  padding:8px 12px;
  border-radius:8px;
  cursor:pointer;
  white-space:nowrap;
}

.reviews-filters .dropdown-menu label:hover{
  background-color:#2a2a44;
}

.reviews-filters .dropdown-menu input[type="checkbox"]{
  margin-right:8px;
  transform:scale(1.05);
  accent-color:#7f00ff;
}

.reviews-filters .dropdown-menu label{
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}

.reviews-filters .dropdown-menu input[type="checkbox"]{
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transform: none;
  margin: 0;
}

.reviews-filters .dropdown-menu label::before{
  content: none;
}

.reviews-filters .dropdown-menu label:has(input[type="checkbox"]:checked)::before{
  content: "✔";
  color: #224CDB;
  font-size: 16px;
  display: inline-flex;
  width: 16px;
  height: 16px;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

/* =========== COUNTER & NO RESULTS =========== */
#results-count{
  margin:16px 0 8px !important;
  font-size:18px;
  font-weight:600;
  letter-spacing:.2px;
  color:#fff;
}

#no-results{
  margin:20px 0 !important;
  padding:20px 0;
  width:100%;
  text-align:center;
  color:rgba(255,255,255,.92);
  font-weight:400;                   
  line-height:1.3;
  font-size:clamp(18px, 2.4vw, 32px);
}

/* =========== RESET FILTER BUTTON (GLOBAL JOB FILTER) =========== */
#reset-filters-btn {
    background: transparent;
    color: #fff;
    border: 2px solid transparent; 
    padding: 8px 20px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 999px;
    cursor: pointer;
    display: none;
    transition: all 0.25s ease;
    background-image: linear-gradient(#14142b, #14142b),
                      linear-gradient(135deg, #9b00ff, #00eaff); 
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

#reset-filters-btn:hover {
    opacity: 1;
    transform: scale(1.05);
    box-shadow: 0 0 10px rgba(155, 0, 255, 0.85),
                0 0 16px rgba(0, 234, 255, 0.85);
}

/* =========== RESET BUTTON – RECENZII (identic vizual, alt ID) =========== */
#reviews-reset-btn {
    background: transparent;
    color: #fff;
    border: 2px solid transparent; 
    padding: 8px 20px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 999px;
    cursor: pointer;
    display: none;
    transition: all 0.25s ease;
    background-image: linear-gradient(#14142b, #14142b),
                      linear-gradient(135deg, #9b00ff, #00eaff); 
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

#reviews-reset-btn:hover {
    opacity: 1;
    transform: scale(1.05);
    box-shadow: 0 0 10px rgba(155, 0, 255, 0.85),
                0 0 16px rgba(0, 234, 255, 0.85);
}

/* =========== OVERRIDE FINAL (MOBIL) =========== */
@media screen and (max-width: 768px) {
  .reviews-filters .dropdown-menu {
    background-color: #fff !important;
  }
  .reviews-filters .dropdown-menu label {
    color: #000 !important;
  }
  .reviews-filters .dropdown-menu label:hover {
    background-color: #f0f0f0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for site_reviews, class: .elementor-element-30d412e9 */:root {
--background-color: #0B0C2A;
--card-background: #1B1C34;
--text-color: #E8E8E8;
--star-color: #FFB800;
--bullet-color: #9B59B6;
--border-gradient: linear-gradient(135deg, #8A2BE2, #2CF4F9);
}

/* === CARD === */
.review-card {
background-color: var(--card-background);
border-radius: 12px;
box-shadow: 0 6px 30px rgba(0, 0, 0, 0.6);
padding: 34px;
padding-bottom: 65px;
margin-bottom: 40px;
width: 100%;
max-width: 900px;
border: 2px solid transparent;
background-clip: padding-box, border-box;
background-origin: border-box;
background-image:
linear-gradient(var(--card-background), var(--card-background)),
var(--border-gradient);
color: var(--text-color);
position: relative;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover efecte */
.review-card:hover {
transform: translateY(-8px);
box-shadow: 0 10px 35px rgba(0, 0, 0, 0.7);
}

/* === HEADER === */
.review-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 18px;
}

.review-title {
font-size: 24px;
font-weight: 600;
margin: 0;
color: var(--text-color);
transition: color 0.3s ease;
}

.review-card:hover .review-title {
color: #00d9ff;
}

/* === RATING === */
.review-card .rating-stars {
color: var(--star-color);
font-size: 22px;
letter-spacing: 2px;
margin-top: 12px !important;
margin-bottom: 12px !important;
display: block;
transition: text-shadow 0.3s ease, transform 0.3s ease;
}

.review-card:hover .rating-stars {
text-shadow: 0 0 6px #ffd700, 0 0 12px #ffae00;
transform: scale(1.05);
}

/* === OCCUPATION === */
.occupation {
font-size: 16px;
font-weight: 400;
color: #BFC3C7;
margin: 10px 0;
}

/* === PROS / CONS === */
.pros-cons-container {
display: flex;
flex-direction: column;
gap: 24px;
margin-top: 22px;
}

.review-section {
flex: 1;
padding: 22px;
border-radius: 12px;
border: 2px solid transparent;
background-clip: padding-box, border-box;
background-origin: border-box;
background-image:
linear-gradient(var(--card-background), var(--card-background)),
var(--border-gradient);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}

.section-title {
font-size: 18px;
font-weight: 700;
margin-top: 0;
margin-bottom: 15px;
display: flex;
align-items: center;
}

.section-title .title-text {
background: linear-gradient(90deg, #8A2BE2, #4A90E2, #2CF4F9);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.section-title .emoji {
margin-right: 8px;
font-size: 20px;
color: #FFB800;
}

.review-list {
font-size: 15px;
color: var(--text-color);
line-height: 1.5;
}

/* === PILLS === */
.pill-container {
margin-top: 28px;
display: flex;
flex-wrap: wrap;
gap: 12px;
}

.pill {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 7px 15px;
font-size: 14px;
font-weight: 500;
border-radius: 999px;
border: 2px solid transparent;
background-clip: padding-box, border-box;
background-origin: border-box;
background-image:
linear-gradient(var(--card-background), var(--card-background)),
var(--border-gradient);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.pill:hover {
transform: scale(1.05);
box-shadow: 0 0 8px rgba(140, 90, 255, 0.5);
}

/* === BADGES === */
.recommend-badge {
padding: 6px 12px;
font-size: 13px;
font-weight: 600;
border-radius: 999px;
display: inline-flex;
align-items: center;
gap: 6px;
border: 2px solid transparent;
background-clip: padding-box, border-box;
background-origin: border-box;
white-space: nowrap;
}

.recommend-badge:contains("Recomand") {
color: #00FF85;
background-image:
linear-gradient(var(--card-background), var(--card-background)),
linear-gradient(90deg, #00FF85, #2CF4F9);
}

.recommend-badge:contains("Nu recomand") {
color: #FF4E50;
background-image:
linear-gradient(var(--card-background), var(--card-background)),
linear-gradient(90deg, #FF4E50, #8A2BE2);
}

/* === DATE === */
.review-card .review-date {
position: absolute;
bottom: 18px;
left: 34px;
font-size: 14px;
font-style: italic;
color: #ccc;
}

/* === TEXT SMOOTHING === */
.review-card h3,
.review-card p {
transition: color 0.3s ease;
}

/* === GRID LAYOUT === */
.reviews-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 35px;
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
.review-card {
padding: 26px;
padding-bottom: 60px;
margin-bottom: 25px;
}

.review-title {
font-size: 22px;
}

.review-card .rating-stars {
font-size: 21px;
margin-top: 8px;
margin-bottom: 10px;
}

.pros-cons-container {
gap: 18px;
margin-top: 18px;
}

.review-section {
padding: 18px;
}

.pill-container {
gap: 10px;
margin-top: 22px;
}

.review-card .review-date {
bottom: 15px;
left: 26px;
font-size: 13px;
}
}/* End custom CSS */