/*
 * TSIT Solutions - tema vizuala proprie (scrisa pentru site-ul nou, 2026).
 * Reproduce aspectul site-ului anterior: culori, dimensiuni, antet, meniu, subsol, casete, formulare.
 * Se incarca INAINTEA bootstrap.min.css (ordinea conteaza: regulile Bootstrap de aceeasi specificitate castiga).
 */
:root {
  --tsit-albastru: #00327D;
  --tsit-albastru-inchis: #294C60;
  --tsit-portocaliu: #ff4a1d;
  --tsit-portocaliu-2: #FF4A1C;
  --tsit-gri-sus: #1E1E1E;
  --tsit-text: #231F20;
  --tsit-font: "Poppins", sans-serif;
}

/* ---------- baza ---------- */
body { margin: 0; min-width: 320px; text-align: left; overflow-x: hidden; font-family: var(--tsit-font) !important; }
a { box-shadow: none !important; outline: none !important; }
a:hover { text-decoration: none !important; }
input:focus { box-shadow: none !important; outline-width: 2px !important; }
p { margin-top: 0; margin-bottom: 0; }
h1 { margin-top: 6px; margin-bottom: 6px; }
h2, h3, h5 { margin-top: 0; margin-bottom: 0; }
h4 { margin-top: 0; margin-bottom: 0; border-bottom: 1px solid #f2f2f2; padding-top: 10px; padding-bottom: 10px; font-weight: 100 !important; }
img { border: 0; }
input, select { color: #000; }
.paddingzero { padding: 0 !important; }

/* ---------- formulare ---------- */
input[type="text"], input[type="password"], input[type="tel"], select { appearance: none; outline: none; padding-left: .25rem; border: 1px solid #afafaf !important; border-radius: .25em !important; }
textarea { appearance: none; padding-left: .25rem; border: 1px solid #acacac !important; border-radius: 0 !important; }
input[type="submit"] { appearance: none; background: #ea223c; color: #fff; padding: .25rem .75rem; border: 0 !important; border-radius: .25em !important; }
.button-secondary { border-color: var(--tsit-albastru-inchis) !important; background-color: var(--tsit-albastru-inchis) !important; }
.required.col-form-label::after { content: " *"; color: red; }
.required.form-group { color: red; }
.form-label { font-weight: 600 !important; }
.text_titluri { clear: both; width: 100%; height: 50px; vertical-align: top; margin-bottom: 20px; padding: 10px 10px 25px 0; font-size: 12px; font-weight: bold; border-bottom: 1px solid rgba(0, 0, 0, .1); }
.text_normal { margin-top: 0; margin-bottom: 0; font-size: 12px; }

/* ---------- latimea paginii ---------- */
@media (min-width: 1280px) {
  #header-top-resize, #header-resize, #header-menu-resize, #index-resize, #trustbar-resize, #footer-resize { width: 1340px; }
}
@media (max-width: 720px) { #trustbar-resize { width: 90%; } }
@media (max-width: 1180px) { div.col-12 iframe { height: auto !important; width: 100% !important; } }

/* ---------- antet ---------- */
.generalheader { background-color: #fff !important; }
#custom-header-top { background-color: var(--tsit-gri-sus) !important; }
#custom-header-top .nav-link { font-size: 12px; font-weight: 400; color: #fff !important; }
#custom-header-top .nav-link:hover { color: var(--tsit-albastru-inchis) !important; }
.topheader-height { height: 50px; }
.social-span { font-size: 13px; font-weight: 400; color: #fff; }
.logo-typeface { font-size: 38px; color: var(--tsit-albastru); font-weight: 900; font-style: italic; }
@media (max-width: 720px) { .logo-typeface { font-size: 18px; } }
.navbar-brand { color: var(--tsit-albastru) !important; }
.custom-header-middle .nav-link { color: #fff !important; font-size: .75rem !important; font-weight: 600 !important; }
.custom-header-middle .nav-link:hover { color: var(--tsit-portocaliu) !important; }
.searchcustomform { height: 3.188rem; border: 0; background: #fff; border-radius: 44px; box-shadow: 0 0 10px rgba(0, 0, 0, .16); }
.searchcustomform .searchfieldheader { background: none; border: 0 !important; margin: 0 !important; font-size: .688rem !important; }
#keywords { border: 1px solid #ced4da; border-radius: .7em; height: 49px; }
#Cautare_buton { border: 0; border-radius: 0 44px 44px 0; color: #171219; fill: #171219; }
#Cautare_buton:hover { border: 0; background: var(--tsit-portocaliu-2); color: #fff; fill: #fff; }
#search-drop-title, #user-drop-title { color: var(--tsit-albastru-inchis); }
.iconheader-container { width: 3.125rem; height: 3.125rem; box-sizing: border-box; border-radius: 50%; background-color: var(--tsit-portocaliu-2); border: 1px solid var(--tsit-portocaliu-2); color: #fff; transition: .1s; }
.iconheader-container:hover { color: var(--tsit-portocaliu-2); border: 1px solid var(--tsit-portocaliu-2); background: #fff; transition: .1s; }
.top-elements-container { line-height: 13px; }
.header-toptitle { color: #040023; font-size: .938rem; font-weight: 700; }
.header-mid-info { color: #616161; font-weight: 400; font-size: .875rem; }
.header-mid-info:hover { color: #04011d; }
.divider-midheader { width: 1px; height: 56px; background: #afafaf; margin: auto 5px auto 15px; }
.navbar-height { height: 66px; }
#custom-header-navbar { background-color: var(--tsit-albastru) !important; }
#custom-header-navbar .nav-link { color: #fff; font-size: 1rem; font-weight: 500; }
#custom-header-navbar .nav-link:hover { color: #BED8D4 !important; }
#custom-header-navbar-sm { background-color: #fff !important; }
.nav-item .dropdown-menu { z-index: 10000; }
.generalheader .dropdown-item { font-size: .9em; }
.dropdown-item:focus, .dropdown-item:hover { background-color: var(--tsit-albastru) !important; color: #fff !important; }
/* sagetile de deasupra meniurilor derulante */
.dropdown-menu::before, .dropdown-menu-right::before { content: ""; display: inline-block; position: absolute; top: -8px; left: 25px; border-bottom: 9px solid rgba(0, 0, 0, .15); border-left: 9px solid transparent; border-right: 9px solid transparent; }
.dropdown-menu::after, .dropdown-menu-right::after { content: ""; display: inline-block; position: absolute; top: -7px; left: 25px; border-bottom: 8px solid #fff; border-left: 9px solid transparent; border-right: 9px solid transparent; }
.dropdown-menu-right::before, .dropdown-menu-right::after { right: 25px; left: unset; }
.dropdown-menu-small::before, .dropdown-menu-small::after, .dropdown-search-menu::before, .dropdown-search-menu::after { content: unset; display: unset; position: unset; top: unset; left: unset; border: unset; }
/* butonul portocaliu "Servicii" */
#catalog_button { justify-content: center; min-width: 169px; max-width: 169px; max-height: 50px; background: var(--tsit-portocaliu-2); border-radius: 8px; color: #fff !important; }
#catalog_button:hover { color: #dcdcdc !important; }
#catalog_button::before { content: ""; display: inline-block; width: 19px; height: 15px; margin: 1px 12px 0 0; transition: .1s linear;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='15'%3E%3Crect width='13' height='2' rx='1' fill='%23fff'/%3E%3Crect y='6' width='19' height='2' rx='1' fill='%23fff'/%3E%3Crect x='6' y='13' width='13' height='2' rx='1' fill='%23fff'/%3E%3C/svg%3E") no-repeat; }
#catalog_listitem { margin-top: 0; min-width: 11.75rem; }
#catalog_listitem::before, #catalog_listitem::after { display: none !important; border-bottom: 0 !important; }
#catalog_listitem .dropdown-item { transition: .1s linear; }
#catalog_listitem .dropdown-item:hover { padding-left: 20px; }
/* telefon: meniu, cautare */
.navbar-toggle { border: 0 !important; }
.navbar-toggle .icon-bar { background: var(--tsit-albastru); }
.dropdown-menu-small { width: 100%; height: 95vh; position: absolute; overflow-y: scroll; z-index: 10000 !important; margin-top: 0 !important; border: 0 !important; border-radius: 0 !important; background-color: var(--tsit-albastru) !important; }
.dropdown-menu-small .nav-link { color: #fff !important; }
.dropdown-search-menu { width: 100%; margin: 0 !important; border-top: 0 !important; border-radius: 0 !important; }
.dropdown-search-small > button { background: transparent; color: var(--tsit-albastru) !important; }
#search-mob { fill: var(--tsit-albastru-inchis); color: var(--tsit-albastru-inchis); }
#accordion-header { list-style: none; }
#accordion-header .card { background-color: transparent; border: 0; border-radius: 0; }
#accordion-header .card-header { background-color: transparent; border-bottom: 0; border-radius: 0 !important; }
.header-section-title-sm { background-color: unset; appearance: none; color: #fff !important; border: 0 !important; border-radius: 0 !important; }
.search-header-btn { background-color: var(--tsit-portocaliu) !important; border-color: var(--tsit-portocaliu) !important; }
.search-header-btn:hover, .search-header-btn:focus { background-color: #ff4a1ddb !important; border-color: #ff4a1ddb !important; }

/* ---------- slider ---------- */
.carousel-item-next, .carousel-item-prev, .carousel-item.active { display: flex !important; }
#carouselFirstPage { position: relative; display: block; overflow: hidden; }
#carouselFirstPage .carousel-item > a { width: 100%; }
#carouselFirstPage:hover .carousel-item img { filter: brightness(.8); }
.banner-container img { max-width: 100%; height: auto; transition: .3s ease-out; }
.banner-container:hover img { transform: scale3d(1.1, 1.1, 1.1); }
.carousel-control-prev, .carousel-control-next { opacity: 1 !important; }
.carousel-control-prev:hover, .carousel-control-next:hover { opacity: .5 !important; }
#carousel-prev-btn, #carousel-next-btn { width: 5%; z-index: 10; }
#carousel-prev-btn .carousel-control-prev-icon, #carousel-next-btn .carousel-control-next-icon { width: 35px; height: 35px; background-repeat: no-repeat; }
#carousel-prev-btn .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M9.2 1.6a.5.5 0 0 1 .2.6L6.6 8l2.8 5.8a.5.5 0 1 1-.9.4l-3-6a.5.5 0 0 1 0-.4l3-6a.5.5 0 0 1 .7-.2z'/%3E%3C/svg%3E"); }
#carousel-prev-btn .carousel-control-prev-icon:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23a5a5a5'%3E%3Cpath d='M9.2 1.6a.5.5 0 0 1 .2.6L6.6 8l2.8 5.8a.5.5 0 1 1-.9.4l-3-6a.5.5 0 0 1 0-.4l3-6a.5.5 0 0 1 .7-.2z'/%3E%3C/svg%3E"); }
#carousel-next-btn .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M6.8 1.6a.5.5 0 0 1 .7.2l3 6a.5.5 0 0 1 0 .4l-3 6a.5.5 0 1 1-.9-.4L9.4 8 6.6 2.2a.5.5 0 0 1 .2-.6z'/%3E%3C/svg%3E"); }
#carousel-next-btn .carousel-control-next-icon:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23a5a5a5'%3E%3Cpath d='M6.8 1.6a.5.5 0 0 1 .7.2l3 6a.5.5 0 0 1 0 .4l-3 6a.5.5 0 1 1-.9-.4L9.4 8 6.6 2.2a.5.5 0 0 1 .2-.6z'/%3E%3C/svg%3E"); }

/* ---------- bara de incredere ---------- */
.trustbar-item { color: var(--tsit-albastru); }
.trustbar-item svg { flex: none; }
.trustbar-title { font-weight: 700; font-size: 16px; }
.trustbar-box .card { border: 0; border-radius: 4px; }

/* ---------- subsol ---------- */
.shopfooter { width: 100%; clear: both; background: #fff; color: var(--tsit-text); border-top: 2px solid var(--tsit-albastru); }
.elementfooter { margin-top: 20px; font-size: 13px; font-weight: 400; }
.elementfooter h5 { font-weight: 700; font-size: 16px; color: var(--tsit-albastru); }
.elementfooter h5::after { content: ""; display: block; width: 50%; height: 0; margin-top: 10px; background: var(--tsit-albastru); }
.meniufooter ul { list-style: none; padding: 0; margin-left: 0; }
.meniufooter a, .meniufooter a:link, .meniufooter a:visited { color: var(--tsit-text); font-weight: 400; font-size: 13px; }
.meniufooter a:hover { color: var(--tsit-albastru); }
.footer-section-title-sm { appearance: none; background-color: #fff !important; color: var(--tsit-text) !important; border: 0 !important; border-radius: 0 !important; }
.footer-section-title-sm:focus, .footer-section-title-sm:active { user-select: none; text-decoration: none !important; outline: 0 !important; box-shadow: none !important; }
.footer-section-title-sm .nav-link { color: var(--tsit-text) !important; }
.footer-section-title-sm svg { transition: transform .5s; }
.footer-section-title-sm:not(.collapsed) svg { transform: rotate(180deg); }
.footer-list-item { color: var(--tsit-text) !important; font-size: .9em; }
.elementfooter-sm { border: 0 !important; border-radius: 0 !important; }
.card.elementfooter-sm, .elementfooter-sm .list-group-item { background-color: #fff; }
.elementfooter-sm .card-header { border-bottom: 0; border-radius: 0 !important; }
.elementfooter-sm .card-header.deschis { border-bottom: 1px solid var(--tsit-text); }
.elementfooter-sm .list-group-item { border: 0 !important; }
.cmscontent { clear: both; margin-left: auto; margin-right: auto; flex-wrap: wrap; }
.cmscontent a { margin: 5px; }
.box-legal-sal-sol { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 10px; padding-top: 10px; }
.box-legal-sal { padding-right: 5px; }
.box-legal-sol { padding-left: 5px; }
@media (max-width: 720px) {
  .box-legal-sal-sol { flex-direction: column; width: 100%; margin-top: 10px; padding-bottom: 20px; }
  .box-legal-sal { padding: 0 0 5px; }
  .box-legal-sol { padding: 5px 0 0; }
}
.owner { text-align: center; margin-top: 20px; margin-bottom: 15px; padding-top: 10px; font-weight: 400; border-top: 1px solid #c2c2c2; }
/* butoanele sociale fixe din dreapta */
.caseta_completa { position: fixed; right: 0; top: 50%; width: 40px; height: 150px; z-index: 100; }
.caseta_completa a { display: block; width: 40px; height: 40px; margin-bottom: 0; text-decoration: none; background: no-repeat center / 40px 40px; }
.caseta_completa a + a { margin-top: 0; }
.caseta_completa a:hover { opacity: .8; }
.caseta_completa .facebook { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%233b5998'/%3E%3Cpath fill='%23fff' d='M22 32V21.5h3.5l.5-4h-4v-2.6c0-1.2.3-2 2-2h2.1V9.3c-.4 0-1.6-.2-3-.2-3 0-5.1 1.8-5.1 5.2v3.2h-3.5v4H18V32z'/%3E%3C/svg%3E"); }
.caseta_completa .instagram { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='1' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23feda75'/%3E%3Cstop offset='.35' stop-color='%23fa7e1e'/%3E%3Cstop offset='.6' stop-color='%23d62976'/%3E%3Cstop offset='1' stop-color='%234f5bd5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='40' height='40' fill='url(%23g)'/%3E%3Crect x='10' y='10' width='20' height='20' rx='6' fill='none' stroke='%23fff' stroke-width='2.2'/%3E%3Ccircle cx='20' cy='20' r='4.6' fill='none' stroke='%23fff' stroke-width='2.2'/%3E%3Ccircle cx='25.6' cy='14.4' r='1.4' fill='%23fff'/%3E%3C/svg%3E"); }
#backTotop { display: none; position: fixed; bottom: 120px; right: 30px; z-index: 99; border: 0; outline: none; background-color: #000; color: #fff; cursor: pointer; padding: 15px; border-radius: 10px; font-size: 18px; line-height: 1; }
#backTotop:hover { background-color: #333; }

/* ---------- liste de servicii (casete) ---------- */
.breadcrumbsscat { border-bottom: 1px solid rgba(0, 0, 0, .125); padding-top: 19px; padding-bottom: 1px; margin-bottom: 15px; }
.breadcrumb { background-color: #fff !important; font-size: 12px !important; }
.breadcrumb-item.active, .breadcrumb-item + .breadcrumb-item::before { color: var(--tsit-portocaliu) !important; }
.product { width: 97%; min-height: 400px; background: #fff; border: 1px solid #efefef !important; border-radius: .25em !important; }
.product img { width: 100%; height: auto; }
.product .product-overlay { background: rgba(255, 255, 255, .5) !important; }
.product_status { position: absolute; z-index: 10; left: -37px; margin-top: 40px; min-width: 100px; padding: 7px !important; transform: rotate(90deg); }
.product_image { position: relative; display: table; height: 170px; line-height: 170px; margin-left: auto; margin-right: auto; overflow: hidden; text-align: center; }
.product_image_center { display: table-cell; vertical-align: middle; }
.product_name-box { width: 100%; height: 81px; text-align: center; }
.product_name-box a, .product_name-box a:link, .product_name-box a:visited, .product_name-box a:hover { font-weight: 500 !important; font-size: .813rem !important; color: #04011D !important; }
.product_old_price { height: 20px; text-align: center; text-decoration: line-through; font-size: .813rem; color: #757575 !important; font-weight: 400 !important; }
.product_price { height: 30px; margin-top: 3px; margin-bottom: 0; text-align: center; font-size: 1rem; font-weight: 900 !important; color: var(--tsit-portocaliu-2) !important; }

/* ---------- pagina unui serviciu ---------- */
.product-page-img { position: relative; text-align: center; background: #fff; border: 4px solid #fff; }
.product-page-img img { max-width: 95%; height: auto; }
.main-image-container { height: 450px; }
.gallery-main-image { max-height: 450px; width: auto; }
.carousel-item.modal-item { height: 450px; }
.product-page-img-thumb-modal { position: relative; display: inline-block; width: 110px; height: 110px; margin: 10px 0 5px; background: #fff; border: 1px solid #fff; border-radius: 4px; }
.modal-gallery-images { border-right: 1px solid #dee2e6; }
.thumbnail-img-resize { max-height: 94% !important; max-width: 94% !important; height: auto !important; width: auto !important; }
.prodname { font-size: 22px; }
.total-rating-top-pg, .total-reviews { display: inline-block; font-size: 15px; }
.total-reviews-top-pg { font-weight: 500; }
.total-reviews a:hover { color: #dc3545 !important; }
.rating-input { display: none; }
.label-rating { float: right; fill: #ccc; cursor: pointer; }
.add-rating label { margin-bottom: 0 !important; margin-right: 3px; }
.rating-name, .add-rating { cursor: default; }
/* stelele: cele de la steaua aleasa / sub mouse spre stanga se coloreaza (ordinea e inversata cu float) */
.add-rating:not(:hover) > .rating-input:checked ~ label, .add-rating > label:hover, .add-rating > label:hover ~ label { fill: #f9c113; }
#publicare_opinie { width: 100%; }
@media (min-width: 992px) { #gdp-check-prod-pg { position: absolute; margin-top: 63px; margin-left: 0; } }
#comanda { border-style: solid; padding: 6px; font-size: .8rem !important; line-height: 2 !important; }
.cod_trafic { text-align: center; }